/* HOME-V2 — رأس الصفحة وتذييلها بالتصميم الجديد. مولَّد من نموذج التصميم المعتمد ومحصور داخل .hv2 */
.hv2 .ann-x{color:#06080f !important}
.hv2 .ann-x:hover{background:rgba(6,8,15,.1) !important}
html:not(.dark) .hv2 .logo-d{display:none}
html.dark .hv2 .logo-l{display:none}
.hv2 .themed{transition:background-color .3s ease,color .3s ease}
.hv2 .ft{position:relative;overflow:hidden;background:radial-gradient(40% 50% at 20% 0%,rgba(81,186,116,.18) 0%,rgba(81,186,116,0) 70%),linear-gradient(180deg,#0b1a12 0%,#06080f 100%);color:#fff;margin-top:24px;border-radius:48px 48px 0 0}
.hv2 .ft-mark{position:absolute;left:50%;bottom:-120px;transform:translateX(-50%);font-size:420px;line-height:1;font-weight:800;color:transparent;-webkit-text-stroke:1px rgba(81,186,116,.14);pointer-events:none;white-space:nowrap}
.hv2 .ft-in{position:relative;max-width:1320px;margin:0 auto;padding:72px 56px 32px;box-sizing:border-box;display:flex;flex-direction:column;gap:48px}
.hv2 .ft-top{display:grid;grid-template-columns:300px minmax(0,1fr);gap:56px}
.hv2 .ft-brand{display:flex;flex-direction:column;gap:18px}
.hv2 .ft-brand p{margin:0;font-size:14px;line-height:25px;color:#a3a8b0}
.hv2 .ft-socs{display:flex;flex-wrap:wrap;gap:8px}
.hv2 .ft-soc{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.12);color:#c9ced6}
.hv2 .ft-soc:hover{border-color:#51ba74;color:#51ba74}
.hv2 .ft-cols{columns:4;column-gap:32px}
.hv2 .ft-col{break-inside:avoid;display:flex;flex-direction:column;gap:9px;margin-bottom:28px}
.hv2 .ft-col b{font-size:13px;font-weight:700;color:#51ba74;margin-bottom:4px}
.hv2 .ft-col .flink{font-size:13px}
.hv2 .ft-lics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hv2 .ft-lic{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.hv2 .ft-lic-logo{display:grid;place-items:center;flex:0 0 96px;height:48px;border-radius:10px;background:#fff;padding:4px 8px;box-sizing:border-box}
.hv2 .ft-lic-logo img{max-width:100%;max-height:40px;display:block}
.hv2 .ft-lic b{font-size:13px;font-weight:700;line-height:1.45}
.hv2 .ft-lic small{font-size:12px;color:#8a8f99}
.hv2 .ft-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:#8a8f99}
.hv2 .ft-bottom a{color:#a3a8b0}
.hv2 .ft-bottom a:hover{color:#51ba74}
.hv2 .mega-scrim{position:absolute;left:0;right:0;top:100%;height:100vh;z-index:34;background:rgba(6,8,15,.25)}
.hv2 .mega{position:absolute;left:50%;transform:translateX(-50%);width:min(1320px,100% - 32px);top:calc(100% + 8px);border-radius:28px !important;border:1px solid var(--dd-line) !important;z-index:35;background:var(--dd);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 30px 60px -20px var(--shadow)}
.hv2 .mega-in{max-width:1280px;margin:0 auto;padding:28px 32px 32px;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:32px}
.hv2 .mega-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 24px}
.hv2 .mega-g{display:flex;flex-direction:column;gap:2px}
.hv2 .mega-g b{font-size:12px;font-weight:800;color:var(--gink);margin-bottom:6px}
.hv2 .mega-a{padding:4px 0;font-size:13px;line-height:1.5;color:var(--dd-fg);transition:color .2s}
.hv2 .mega-a:hover{color:var(--gink)}
.hv2 .mega-promo{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:24px 24px 24px 70px;background:linear-gradient(150deg,#51ba74 0%,#1b4a2e 100%);color:#fff;align-self:start}
.hv2 .mega-promo::after{content:"";position:absolute;left:-30px;top:-30px;width:120px;height:120px;border-radius:999px;border:1px solid rgba(255,255,255,.18);box-shadow:0 0 0 18px rgba(255,255,255,.05)}
.hv2 .mega-promo-k{align-self:flex-start;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.2);font-size:11px;font-weight:800}
.hv2 .mega-promo b{font-size:20px;line-height:1.35}
.hv2 .mega-promo span:not(.mega-promo-k){font-size:13px;line-height:22px;color:rgba(255,255,255,.85)}
.hv2 .mega-promo i{font-style:normal;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:800;margin-top:6px}
.hv2 .flink{font-size:14px;line-height:22px;color:#c9ced6}
.hv2 .flink:hover{color:#51ba74}
.hv2 .snav{position:relative;white-space:nowrap;padding:8px 14px;border-radius:6px;font-size:14px;font-weight:500;color:var(--hfg);background:transparent;border:0;cursor:pointer;font-family:inherit;transition:color .15s ease}
.hv2 .snav::after{content:"";position:absolute;bottom:4px;left:14px;right:14px;height:1px;background:#51ba74;transform:scaleX(0);transition:transform .2s ease}
.hv2 .snav:hover{color:var(--hfg-h)}
.hv2 .snav:hover::after{transform:scaleX(1)}
.hv2 .hico{display:inline-grid;place-items:center;border-radius:6px;border:0;background:transparent;color:var(--hico);cursor:pointer;transition:color .15s ease,background .15s ease}
.hv2 .hico:hover{color:var(--hfg-h);background:var(--hico-bg)}
.hv2 .mitem{color:var(--dd-fg);transition:background .12s ease,color .12s ease}
.hv2 .mitem:hover{background:var(--dd-hover);color:var(--dd-fg-h)}
.hv2 .ping{animation:hv2-ping 1.4s cubic-bezier(0,0,.2,1) infinite;opacity:.6}
.hv2 .hdd{position:absolute;left:0;top:calc(100% + 8px);padding:8px 0;border-radius:12px;background:var(--dd);border:1px solid var(--dd-line);box-shadow:0 20px 48px var(--shadow);z-index:40}
.hv2 .hu{display:flex;align-items:center;gap:6px}
.hv2 .hu-bell{position:relative;color:var(--hico)}
.hv2 .hu-dot{position:absolute;top:2px;left:2px;min-width:15px;height:15px;padding:0 3px;box-sizing:border-box;border-radius:999px;background:#51ba74;color:#fff;font-size:9px;font-style:normal;font-weight:700;display:grid;place-items:center}
.hv2 .hu-pill{display:inline-flex;align-items:center;gap:8px;height:34px;padding-inline:4px 10px;border:1px solid var(--hline);border-radius:999px;background:var(--hico-bg);color:var(--hfg-h);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}
.hv2 .hu-av{width:26px;height:26px;border-radius:999px;background:linear-gradient(135deg,#51ba74,#203526);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700;flex-shrink:0}
.hv2 .hu-av-l{width:40px;height:40px;font-size:16px}
.hv2 .hu-head{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:6px;border-bottom:1px solid var(--dd-line)}
.hv2 .hu-head b{display:block;font-size:14px;color:var(--dd-fg-h)}
.hv2 .hu-role{display:inline-block;margin-top:4px;padding:2px 9px;border-radius:999px;background:var(--tint);color:var(--gink);font-size:11px;font-weight:700}
.hv2 .hu-sep{height:1px;margin:6px 0;background:var(--dd-line)}
.hv2 .hu-out{color:#c2453b !important}
.hv2 .h-burger{display:none !important}
.hv2 .mnav{display:none}

/* ── ما كان أنماطاً مضمّنة في النموذج ── */
.hv2.hv2-hdr{position:sticky;top:0;z-index:50;background:var(--hdr);box-shadow:0 1px 0 var(--hline)}
.hv2.hv2-ftw{background:var(--bg)}
.hv2 .hv2-ann{background:#51ba74;color:#06080f}
.hv2 .hv2-ann-in{position:relative;max-width:1280px;margin:0 auto;padding:10px 32px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px}
.hv2 .hv2-ann-dot{position:relative;display:inline-flex;width:6px;height:6px}
.hv2 .hv2-ann-dot span{position:absolute;inset:0;border-radius:999px;background:#06080f}
.hv2 .hv2-ann-a{display:inline-flex;align-items:center;gap:4px;font-weight:700;color:#06080f;text-decoration:underline;text-underline-offset:3px}
.hv2 .ann-x{position:absolute;left:32px;top:50%;transform:translateY(-50%);width:24px;height:24px}
.hv2[dir=ltr] .ann-x{left:auto;right:32px}
.hv2 .h-bar{position:relative;max-width:1280px;margin:0 auto;padding:0 32px;height:60px;display:flex;align-items:center;justify-content:space-between}
.hv2 .hv2-logo{display:flex;align-items:center}
.hv2 .hv2-logo img{height:34px;width:auto}
.hv2 .h-nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:2px}
.hv2 .hv2-more,.hv2 .hv2-login{display:inline-flex;align-items:center;gap:6px}
.hv2 .hv2-acts{display:flex;align-items:center;gap:4px}
.hv2 .hv2-rel{position:relative}
.hv2 .hv2-ico32{width:32px;height:32px}
.hv2 .h-burger{width:36px;height:36px}
.hv2 .h-sep{width:1px;height:16px;margin:0 4px;background:var(--hline)}
html:not(.dark) .hv2 .hv2-sun{display:none}
html.dark .hv2 .hv2-moon{display:none}
.hv2 .hv2-dd-head{padding:8px 16px 6px;font-size:10px;font-weight:700;letter-spacing:.15em;color:var(--dd-head)}
.hv2 .hv2-dd-item{display:flex;align-items:center;gap:10px;margin:0 4px;padding:10px 16px;border-radius:8px;font-size:14px}
.hv2 img.hu-av{object-fit:cover;padding:0}
.hv2 .hu-out{width:calc(100% - 8px)}
.hv2 .ft-legal{display:flex;gap:20px;flex-wrap:wrap}
.hv2[dir=ltr] .hdd{left:auto;right:0}

@container hv2 (max-width: 1100px){
.hv2 .h-nav{display:none !important}
.hv2 .h-burger{display:inline-grid !important}
.hv2 .mnav{display:block;max-height:calc(100vh - 120px);overflow-y:auto;padding:8px 24px 20px;border-top:1px solid var(--hline);background:var(--hdr)}
.hv2 .mega,.hv2 .mega-scrim{display:none !important}
.hv2 .h-bar{padding:0 20px !important}
.hv2 .ft-in{padding:64px 32px 28px !important}
.hv2 .ft-top{grid-template-columns:1fr !important;gap:40px}
.hv2 .ft-cols{columns:3}
.hv2 .ft-lics{grid-template-columns:1fr !important}
.hv2 .ft-mark{font-size:240px}
}
@container hv2 (max-width: 700px){
.hv2 .h-bar{padding:0 12px !important;height:56px !important}
.hv2 .h-bar img{height:28px !important}
.hv2 .h-sep{display:none}
.hv2 .h-bar .snav{padding:8px 8px;font-size:13px}
.hv2 .hu-name{display:none}
.hv2 .mnav{padding:4px 16px 16px}
.hv2 .hv2-ann-in{padding:10px 40px}
.hv2 .ann-x{left:10px !important}
.hv2 .ft-in{padding:56px 16px 24px !important;gap:36px !important}
.hv2 .ft-cols{columns:2;column-gap:20px}
.hv2 .ft-bottom{flex-direction:column;align-items:flex-start !important;gap:10px}
.hv2 .ft-mark{font-size:160px}
}