/* ===== صفحتا «ابحث عن شهادتك» و«باقات التدريب والاختبار» بتصميم موقع مبادرة قيمتك ===== */
/* البانر: صورة بفلتر الهوية يساراً */
#view-training .phero.qk-ph,#view-catalog section.hero.qk-ph{position:relative;overflow:hidden}
.qk-ph>.wrap{position:relative;z-index:2}
.qk-ph-art{position:absolute;inset:0 auto 0 0;width:min(42%,560px);z-index:1;pointer-events:none}
.qk-ph-art img{width:100%;height:100%;object-fit:cover;object-position:center 25%;display:block;filter:saturate(1.05) contrast(1.05);-webkit-mask-image:linear-gradient(90deg,#000 45%,transparent 100%),linear-gradient(0deg,transparent 0,#000 18%);mask-image:linear-gradient(90deg,#000 45%,transparent 100%),linear-gradient(0deg,transparent 0,#000 18%);-webkit-mask-composite:source-in;mask-composite:intersect}
.qk-ph-art::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0e648799,#0a274766 55%,#f6cf4a33);mix-blend-mode:multiply;-webkit-mask-image:linear-gradient(90deg,#000 45%,transparent 100%);mask-image:linear-gradient(90deg,#000 45%,transparent 100%)}
.qk-ph-art::before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at 40% 30%,#38c8f022,transparent 60%);mix-blend-mode:screen}
.qk-ph-tag{position:absolute;z-index:2;left:8%;bottom:14%;background:#f6cf4a;color:#1b1300;font:900 13px Cairo,sans-serif;border-radius:999px;padding:4px 12px;box-shadow:0 6px 16px #0004;transform:rotate(-4deg);white-space:nowrap}
#view-catalog section.hero.qk-ph .qk-ph-art img{object-position:center top;-webkit-mask-image:linear-gradient(90deg,#000 55%,transparent 100%),linear-gradient(0deg,transparent 0,#000 7%);mask-image:linear-gradient(90deg,#000 55%,transparent 100%),linear-gradient(0deg,transparent 0,#000 7%)}
@media (max-width:900px){.qk-ph-art{width:100%;opacity:.16}.qk-ph-tag{display:none}.qk-ph-art img,#view-catalog section.hero.qk-ph .qk-ph-art img{-webkit-mask-image:none;mask-image:none}.qk-ph-art::after{-webkit-mask-image:none;mask-image:none}}

/* زر «كيف أحصل على دعم هدف؟» */
.qk-hdrow{margin-top:16px;position:relative;z-index:2}
.qk-hdbtn{display:inline-flex;align-items:center;gap:10px;padding:9px 18px;padding-inline-end:10px;border:0;border-radius:999px;background:linear-gradient(135deg,#ffe38a,#f0bd2e);color:#0b2340;font:900 15px/1.5 Cairo,sans-serif;text-decoration:none;cursor:pointer;box-shadow:0 10px 24px #0006,0 0 0 0 #ffd76aa6;animation:qkHd 2.2s ease-out infinite;transition:transform .15s}
.qk-hdbtn:hover{transform:translateY(-2px)}
.qk-hdbtn-i{font-size:17px}
.qk-hdbtn b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#0b2340;color:#ffd76a;font-size:15px}
@keyframes qkHd{0%{box-shadow:0 10px 24px #0006,0 0 0 0 #ffd76aa6}70%{box-shadow:0 10px 24px #0006,0 0 0 14px #ffd76a00}100%{box-shadow:0 10px 24px #0006,0 0 0 0 #ffd76a00}}

/* بطاقة محتوى باقة الاختبار داخل البانر (بدل .pkg-hl) */
#view-catalog .pkg-hl{display:none!important}
.qk-hl{position:relative;z-index:2;background:linear-gradient(135deg,#ffffff1f,#ffffff0d);border:1px solid #ffffff38;border-radius:18px;padding:10px 16px 12px;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 14px 30px #0005;font-family:Cairo,sans-serif}
.qk-hl-t{display:block;font-size:15px;font-weight:900;color:#ffd76a;margin-bottom:6px}
.qk-hl ol{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.qk-hl li{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;line-height:1.5}
.qk-hl li i{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#ffe38a,#f0bd2e);color:#0b2340;font-style:normal;font-weight:900;font-size:12px}
.qk-hl li span{opacity:.75;font-size:12px}
.hero .qk-hl p{margin:7px 0 9px;font-size:12.5px;line-height:1.7;color:#e6eef6;max-width:none}
.qk-hl p a{color:#ffd76a;font-weight:800;text-decoration:underline dashed}.qk-hl p b{color:#ffd76a}
.qk-hl .qk-hdbtn{font-size:13.5px;padding:6px 14px;padding-inline-end:8px}.qk-hl .qk-hdbtn b{width:24px;height:24px}
#view-catalog #ndPromo:not([hidden])~.qk-hl{display:none}
@media (max-width:980px){.qk-hl{margin:0 0 22px}}

/* الصفحتان بعرض الشاشة */
#view-training .wrap.page-body,#view-catalog .wrap.layout{max-width:none;padding-inline:clamp(16px,2.2vw,40px)}
.qk-tm{display:none}

@media (min-width:981px){
/* البانر بمحاذاة الشعار وارتفاع أقصر */
#view-training .phero .wrap{max-width:1480px;padding:24px 20px 26px 400px}
#view-training .phero h1{font-size:40px;margin:2px 0 6px}
#view-training .phero.qk-ph .qk-ph-art{width:430px}
#view-training .phero .qk-hdrow{margin-top:12px}
#view-catalog section.hero .wrap{max-width:1480px;width:100%;min-height:0;padding:20px 20px 22px 400px;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:center}
#view-catalog section.hero .wrap>div:first-child{padding-block:0}
#view-catalog section.hero h1{font-size:36px;margin:2px 0 6px}
#view-catalog section.hero.qk-ph .qk-ph-art{width:400px}
#view-catalog section.hero .stats{margin-top:8px}
#view-catalog section.hero .promo{margin-block:0}

/* شريط تصفية أفقي ثابت في سطر واحد */
:is(#view-training,#view-catalog) .layout{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
:is(#view-training,#view-catalog) aside.side{position:sticky!important;top:calc(var(--hdrH,68px) + 8px)!important;z-index:20;max-height:none!important;overflow:visible!important;padding:9px 14px!important;border-radius:18px!important;background:linear-gradient(120deg,#fff 0%,#eef8ff 55%,#fff6dc 100%)!important;border:1px solid #cfe3f1!important;border-top:3px solid #d6a91f!important;box-shadow:0 10px 26px #0e648724!important}
:is(#view-training,#view-catalog) aside.side .side-body{display:flex!important;flex-wrap:nowrap;align-items:center;gap:8px 10px}
:is(#view-training,#view-catalog) aside.side .side-head{flex:none;margin:0!important;padding:6px 14px!important;border-radius:999px!important;background:linear-gradient(135deg,#0e6487,#1aa3d6)!important;box-shadow:0 6px 14px #0e648733;gap:10px}
:is(#view-training,#view-catalog) aside.side .side-head h3{margin:0;font-size:14px!important;color:#fff!important;white-space:nowrap}
:is(#view-training,#view-catalog) aside.side .side-head h3 i{background:#ffffff2e!important;color:#fff!important;width:24px;height:24px}
:is(#view-training,#view-catalog) aside.side .side-head .reset{background:#fff;color:#be123c;border:0;border-radius:999px;padding:1px 10px;font:800 12px Cairo,sans-serif;cursor:pointer;white-space:nowrap}
:is(#view-training,#view-catalog) aside.side .search{flex:1 1 0;min-width:120px;max-width:300px;margin:0!important;border-radius:999px!important}
:is(#view-training,#view-catalog) aside.side .search input{min-width:0;width:100%;padding-block:7px!important;font-size:13.5px}
:is(#view-training,#view-catalog) aside.side .hadaf-toggle{flex:none;margin:0!important;padding:4px 12px!important;border-radius:999px!important;white-space:nowrap}
:is(#view-training,#view-catalog) aside.side .hadaf-toggle .state{display:none}
:is(#view-training,#view-catalog) aside.side .group-title{display:none!important}
:is(#view-training,#view-catalog) aside.side .modes{flex:none;display:flex!important;gap:8px!important;margin:0!important;padding:0!important;background:none!important;border-radius:0!important}
:is(#view-training,#view-catalog) aside.side :is(.mode,.qk-ddb){display:inline-flex;align-items:center;gap:6px;padding:5px 12px!important;border:1.5px solid #0e6487!important;border-radius:999px!important;background:#fff!important;color:#0e6487!important;font:800 13px/1.6 Cairo,sans-serif!important;box-shadow:none!important;white-space:nowrap;max-width:230px;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
:is(#view-training,#view-catalog) aside.side :is(.mode,.qk-ddb)::after{content:"▾";font-size:12px;transition:transform .15s;flex:none}
:is(#view-training,#view-catalog) aside.side :is(.mode,.qk-ddb).qk-on{background:linear-gradient(135deg,#ffe38a,#f0bd2e)!important;border-color:#d6a91f!important;color:#0b2340!important;box-shadow:0 6px 14px #d6a91f40!important}
:is(#view-training,#view-catalog) aside.side.qk-open :is(.mode[aria-selected=true],.qk-ddb){background:linear-gradient(135deg,#0e6487,#1aa3d6)!important;color:#fff!important;border-color:#0e6487!important}
:is(#view-training,#view-catalog) aside.side.qk-open :is(.mode[aria-selected=true],.qk-ddb)::after{transform:rotate(180deg)}
/* الخيارات: لوحة منسدلة تحت الشريط */
:is(#view-training,#view-catalog) aside.side .group{display:none!important;margin:0!important}
:is(#view-training,#view-catalog) aside.side.qk-open .group:not([hidden]){display:block!important;position:absolute;top:calc(100% + 8px);inset-inline:0;z-index:5;background:#fff;border:1px solid #cfe3f1;border-top:3px solid #d6a91f;border-radius:16px;padding:12px 14px!important;box-shadow:0 22px 40px #0b23403d;animation:qkDd .16s ease-out}
:is(#view-training,#view-catalog) aside.side .opts{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:6px!important}
:is(#view-training,#view-catalog) aside.side .opt{width:auto!important;flex:none;padding:5px 8px!important;padding-inline-start:5px!important;border-radius:999px!important;gap:6px!important;font-size:13px!important;border:1.5px solid color-mix(in srgb,var(--c,#0e6487) 30%,#fff)!important;background:color-mix(in srgb,var(--c,#0e6487) 6%,#fff);transform:none!important}
:is(#view-training,#view-catalog) aside.side .opt[aria-pressed=true]{background:var(--c,#0e6487)!important;color:#fff!important;border-color:var(--c,#0e6487)!important;box-shadow:0 6px 14px color-mix(in srgb,var(--c,#0e6487) 35%,transparent)}
:is(#view-training,#view-catalog) aside.side .opt[aria-pressed=true] .t{color:#fff!important}
:is(#view-training,#view-catalog) aside.side .opt .ic{width:22px!important;height:22px!important;border-radius:50%!important;flex:none}
:is(#view-training,#view-catalog) aside.side .opt .ic:empty{display:none}
:is(#view-training,#view-catalog) aside.side .opt .ic svg{width:13px;height:13px}
:is(#view-training,#view-catalog) aside.side .opt .t{white-space:nowrap;flex:none}
:is(#view-training,#view-catalog) aside.side .opt .n{flex:none;min-width:0;padding:0 7px;font-size:11px}
:is(#view-training,#view-catalog) aside.side .opts.provs .opt[aria-pressed=true]{background:linear-gradient(135deg,#0e6487,#1aa3d6)!important;border-color:#0e6487!important;box-shadow:0 6px 14px #0e648740}
}
@media (min-width:1400px){#view-catalog section.hero h1{white-space:nowrap}}
@media (min-width:1200px){#view-catalog #grid,#view-training #tGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@keyframes qkDd{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.qk-hdbtn{animation:none;transition:none}:is(#view-training,#view-catalog) aside.side.qk-open .group{animation:none!important}}
/* شاشات 981–1199: بانر الشهادات أضيق، والشريط يلتف عند الحاجة */
@media (min-width:981px) and (max-width:1199px){
#view-catalog section.hero .wrap{padding-left:270px;grid-template-columns:minmax(0,1fr) 330px;gap:18px}
#view-catalog section.hero.qk-ph .qk-ph-art{width:270px}
#view-catalog section.hero h1{font-size:30px}
#view-training .phero .wrap{padding-left:330px}
#view-training .phero.qk-ph .qk-ph-art{width:330px}
:is(#view-training,#view-catalog) aside.side .side-body{flex-wrap:wrap}
}

/* ===== بانر «حجز مواعيد الاختبارات»: صورة يساراً وبطاقة «دليل الحجز» ===== */
#view-book .phero.qk-ph{position:relative;overflow:hidden}
#view-book .qk-ph-art img{object-position:40% 32%}
#view-book .phero .wrap{display:grid;gap:18px}
.qk-gd{position:relative;z-index:2;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 14px;align-items:center;padding:16px 18px;border-radius:20px;text-decoration:none;color:#fff;font-family:Cairo,sans-serif;background:linear-gradient(135deg,#ffffff24,#ffffff0d);border:1px solid #ffffff40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 16px 34px #0006;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}
.qk-gd::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 35%,#ffffff2e 50%,transparent 65%);transform:translateX(130%);animation:qkGd 4.2s ease-in-out 1s infinite;pointer-events:none}
.qk-gd:hover{transform:translateY(-4px);border-color:#ffd76a;box-shadow:0 22px 44px #0008}
.qk-gd-ic{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;color:#0b2340;background:linear-gradient(135deg,#ffe38a,#f0bd2e);box-shadow:0 8px 18px #f0bd2e59;animation:qkGdB 2.6s ease-in-out infinite}
.qk-gd-tx{display:grid;gap:2px;min-width:0}
.qk-gd-tx small{font-size:13px;font-weight:800;color:#ffd76a}
.qk-gd-tx>b{font-size:17px;font-weight:900;line-height:1.5}
.qk-gd-st{display:flex;flex-wrap:wrap;align-items:center;gap:5px 6px;margin-top:5px;font-size:12px;font-weight:700;color:#dbe9f2}
.qk-gd-st i{font-style:normal;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#ffffff26;border:1px solid #ffffff59;font-size:11px;font-weight:900;color:#ffd76a}
.qk-gd-st i:not(:first-child){margin-inline-start:6px}
.qk-gd-go{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 16px;border-radius:999px;background:linear-gradient(135deg,#ffe38a,#f0bd2e);color:#0b2340;font-weight:900;font-size:14.5px;box-shadow:0 8px 20px #0005}
.qk-gd-go b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#0b2340;color:#ffd76a;font-size:13px;transition:transform .2s}
.qk-gd:hover .qk-gd-go b{transform:translateX(-4px)}
@keyframes qkGd{0%{transform:translateX(130%)}50%,100%{transform:translateX(-130%)}}
@keyframes qkGdB{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(-5deg)}}
@media (min-width:981px){
#view-book .phero .wrap{max-width:1480px;padding:26px 20px 28px 400px;grid-template-columns:minmax(0,1fr) 400px;gap:26px;align-items:center}
#view-book .phero h1{font-size:40px;margin:2px 0 6px}
#view-book .phero.qk-ph .qk-ph-art{width:420px}
}
@media (min-width:981px) and (max-width:1199px){#view-book .phero .wrap{padding-left:290px;grid-template-columns:minmax(0,1fr) 340px}#view-book .phero.qk-ph .qk-ph-art{width:300px}#view-book .phero h1{font-size:32px}}
@media (prefers-reduced-motion:reduce){.qk-gd::before,.qk-gd-ic{animation:none}}