/* Hisar Landing Engine — hajj-overview
   Generated from the approved standalone page. Every selector is scoped to
   #hisar-hajj so the active theme header/footer on the same document is
   never restyled.
   SOURCE FILE since 1.2.0: edit here. It was first produced by a one-off
   converter (build-plugin.js) that is not part of this repository; 1.1.x
   fixes were made in this file directly, so regenerating would lose them.
   New rules MUST start with #hisar-hajj; `node build/check-scope.js`
   fails the build otherwise. */
#hisar-hajj{font-size:16px;line-height:normal;color:CanvasText;font-family:initial;font-weight:initial;letter-spacing:normal;text-transform:none;text-align:start}
#hisar-hajj :where(:not(svg):not(svg *)){border-color:currentColor;transition:none}
#hisar-hajj :where(h1,h2,h3,h4,h5,h6){color:inherit;margin:revert;line-height:revert;font-weight:revert;font-family:inherit;font-size:revert;letter-spacing:revert;text-transform:none}
#hisar-hajj :where(p,li,blockquote,figure){margin:revert;line-height:inherit;font-size:inherit}
#hisar-hajj :where(ul,ol){margin:revert;padding:revert;list-style:revert}
#hisar-hajj :where(a){color:revert;text-decoration:revert;transition:none}
#hisar-hajj :where(button,input,select,textarea,[type=button],[type=submit],[type=reset]){background-color:revert;background-image:none;color:revert;border:revert;border-radius:revert;padding:revert;margin:revert;font:revert;letter-spacing:revert;text-transform:revert;text-shadow:none;box-shadow:revert;min-height:revert;height:revert;line-height:revert}
#hisar-hajj :where(table,thead,tbody,tr,th,td){border-collapse:revert;width:revert;text-align:revert;padding:revert;margin:revert;border:revert;background-color:revert;background-image:none;vertical-align:revert}
#hisar-hajj :where(blockquote,q,cite,figcaption,address,dl,dt,dd,pre,code,kbd,samp,hr,caption,legend,fieldset,label,small,sub,sup){color:inherit;font-size:inherit;font-style:revert;font-weight:revert;line-height:inherit;margin:revert;padding:revert;border:revert;background:revert;quotes:revert;text-transform:inherit;letter-spacing:inherit}
#hisar-hajj .btn-gold[type=submit],#hisar-hajj button.btn-gold{color:#241a09!important;background-color:transparent!important;border-color:transparent!important}
#hisar-hajj :where(img){max-width:revert;height:revert}
#hisar-hajj [hidden]{display:none!important}
body.hle-hajj-overview .traveltour-body-outer-wrapper,body.hle-hajj-overview .traveltour-body-wrapper{overflow:clip}
#hisar-hajj{overflow-x:clip}
@media (max-width:999px){body.hle-hajj-overview{overflow-x:clip}}
body.hle-hajj-overview #hisar-hajj .stickywrap{display:contents}
body.hle-hajj-overview #hisar-hajj .hajjbar{position:sticky;top:var(--hisar-admin,0px);z-index:70}
html{scroll-padding-top:calc(var(--hisar-admin,0px) + 62px)}

#hisar-hajj{
  --ink:#081F38;--ink-2:#103551;--pine:#123D60;--pine-2:#175A74;--emerald-glow:#55D6CF;
  --turq:#087F83;--turq-2:#55D6CF;--turq-deep:#087F83;
  --gold:#C9A24B;--gold-2:#E7D095;--gold-deep:#7E5F18;--gold-bright:#F0DEAA;
  --ivory:#F5FAFC;--paper:#FFFFFF;--paper-2:#F2F8F9;--sand:#E4F0F2;
  --text:#0F2338;--muted:#5A6B7B;--line:rgba(15,45,80,.14);--line-2:rgba(15,45,80,.26);
  --rad:14px;--rad-lg:22px;--rad-xl:30px;
  --shadow:0 26px 70px -30px rgba(7,20,40,.55);--shadow-soft:0 14px 40px -22px rgba(7,20,40,.5);
  --maxw:1200px;--ease:cubic-bezier(.22,.61,.36,1);--ease-out:cubic-bezier(.16,1,.3,1);
}
#hisar-hajj *{box-sizing:border-box}
#hisar-hajj{scroll-behavior:smooth}
#hisar-hajj{margin:0;font-family:"Plus Jakarta Sans",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}
#hisar-hajj h1,#hisar-hajj h2,#hisar-hajj h3,#hisar-hajj h4{font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-weight:700;line-height:1.08;margin:0;color:var(--ink);letter-spacing:-.02em}
#hisar-hajj p{margin:0 0 1rem}
#hisar-hajj a{color:inherit}
#hisar-hajj img{max-width:100%;display:block}
#hisar-hajj .arabic{font-family:"Amiri",serif;direction:rtl}
#hisar-hajj .wrap{width:min(var(--maxw),92vw);margin-inline:auto}
#hisar-hajj .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#hisar-hajj .skip-link{position:absolute;left:-9999px;top:0;z-index:200;background:var(--ink);color:var(--ivory);padding:.8rem 1.4rem;font-weight:700;text-decoration:none;border-radius:0 0 10px 0}
#hisar-hajj .skip-link:focus{left:0}
#hisar-hajj section[id]{scroll-margin-top:86px}
#hisar-hajj .eyebrow{font-size:.73rem;letter-spacing:.24em;text-transform:uppercase;font-weight:800;color:var(--gold-deep);display:inline-flex;align-items:center;gap:.6rem}
#hisar-hajj .eyebrow::before{content:"";width:28px;height:1px;background:var(--gold)}
#hisar-hajj .eyebrow.on-dark{color:var(--gold-2)}
#hisar-hajj .eyebrow.on-dark::before{background:var(--gold-2)}
#hisar-hajj .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit;font-weight:700;font-size:.98rem;padding:.9rem 1.6rem;border-radius:999px;border:1.5px solid transparent;cursor:pointer;text-decoration:none;transition:transform .3s var(--ease-out),box-shadow .3s,background .3s,color .3s,border-color .3s;position:relative}
#hisar-hajj .btn-gold{background:linear-gradient(135deg,var(--gold-bright),var(--gold) 60%,var(--gold-deep));color:#241a09;box-shadow:0 14px 30px -14px rgba(169,132,59,.95)}
#hisar-hajj .btn-gold:hover{transform:translateY(-3px);box-shadow:0 20px 38px -14px rgba(169,132,59,1)}
#hisar-hajj .btn-ghost{border-color:var(--turq);color:var(--turq-2)}
#hisar-hajj .btn-ghost:hover{background:rgba(203,164,85,.14);border-color:var(--turq-2);color:var(--turq-2);transform:translateY(-3px)}
#hisar-hajj .btn-dark{background:var(--pine);color:var(--ivory)}
#hisar-hajj .btn-dark:hover{background:var(--ink);transform:translateY(-3px)}
#hisar-hajj .btn-outline{border-color:var(--line-2);color:var(--ink)}
#hisar-hajj .btn-outline:hover{background:var(--ink);color:var(--ivory);border-color:var(--ink);transform:translateY(-3px)}
#hisar-hajj .topbar{background:var(--ink);color:var(--ivory);font-size:.82rem}
#hisar-hajj .topbar .wrap{display:flex;gap:1.2rem;align-items:center;justify-content:space-between;padding:.5rem 0;flex-wrap:wrap}
#hisar-hajj .topbar a{color:var(--gold-2);text-decoration:none;font-weight:600}
#hisar-hajj .topbar .tb-left{display:flex;gap:1.4rem;flex-wrap:wrap}
#hisar-hajj header.site{position:sticky;top:0;z-index:70;background:rgba(243,248,251,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:box-shadow .3s,border-color .3s,background .3s}
#hisar-hajj header.site.scrolled{box-shadow:0 12px 34px -24px rgba(6,32,27,.6);border-color:var(--line)}
#hisar-hajj .nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 0}
#hisar-hajj .brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--ink)}
#hisar-hajj .brand .emblem{width:40px;height:40px;flex:none}
#hisar-hajj .brand .bt{font-family:"Plus Jakarta Sans",serif;font-weight:600;font-size:1.28rem;line-height:1}
#hisar-hajj .brand .bt small{display:block;font-family:"Plus Jakarta Sans",sans-serif;font-weight:700;font-size:.58rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-deep);margin-top:3px}
#hisar-hajj nav.links{display:flex;align-items:center;gap:1.6rem}
#hisar-hajj nav.links a{text-decoration:none;font-weight:600;font-size:.94rem;color:var(--text);position:relative;padding:.2rem 0}
#hisar-hajj nav.links a::after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:0;background:var(--gold);transition:width .3s var(--ease)}
#hisar-hajj nav.links a:hover::after{width:100%}
#hisar-hajj .nav-cta{display:flex;align-items:center;gap:.7rem}
#hisar-hajj .menu-toggle{display:none;background:none;border:0;cursor:pointer;padding:.4rem}
#hisar-hajj .menu-toggle span{display:block;width:24px;height:2px;background:var(--ink);margin:5px 0;transition:.3s}
#hisar-hajj .hero{position:relative;background:var(--ink);color:var(--ivory);overflow:hidden;isolation:isolate}
#hisar-hajj .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;opacity:.62;filter:saturate(1.05) contrast(1.02);animation:heroZoom 32s ease-in-out infinite alternate}
@keyframes heroZoom{from{transform:scale(1.02)}to{transform:scale(1.12)}}
#hisar-hajj .hero-tint{position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(6,20,40,.95) 0%,rgba(6,20,40,.82) 28%,rgba(6,20,40,.45) 55%,rgba(6,20,40,.18) 100%),
    linear-gradient(180deg,rgba(6,20,40,.55) 0%,rgba(6,20,40,0) 22%,rgba(6,20,40,0) 62%,rgba(7,26,51,.85) 100%),
    radial-gradient(120% 130% at 78% 42%,rgba(203,164,85,.20),transparent 55%)}
#hisar-hajj .hero::after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;box-shadow:inset 0 0 180px 40px rgba(6,20,40,.6)}
#hisar-hajj .hero .grain{position:absolute;inset:0;opacity:.35;z-index:-1;pointer-events:none}
#hisar-hajj .hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.08fr .92fr;gap:2.6rem;align-items:center;padding:clamp(2.6rem,6vw,4.6rem) 0 clamp(3rem,6vw,5rem)}
#hisar-hajj .hero h1{font-size:clamp(3.4rem,9vw,6.8rem);color:var(--ivory)}
#hisar-hajj .hero .h1-sub{display:block;font-size:clamp(1.15rem,2.6vw,1.7rem);font-weight:600;letter-spacing:.04em;color:var(--turq-2);margin-top:.35rem}
#hisar-hajj .hero h1 .yr{background:linear-gradient(100deg,var(--gold) 35%,var(--gold-bright) 50%,var(--gold) 65%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 6s linear infinite}
@keyframes shimmer{to{background-position:200% center}}
#hisar-hajj .hero .lede{font-size:1.16rem;color:rgba(234,242,247,.85);max-width:42ch;margin:1.2rem 0 1.9rem}
#hisar-hajj .hero-cta{display:flex;gap:.9rem;flex-wrap:wrap}
#hisar-hajj .hero-trust{display:flex;gap:2rem;margin-top:2.6rem;flex-wrap:wrap}
#hisar-hajj .hero-trust b{font-family:"Plus Jakarta Sans",serif;font-size:1.7rem;color:var(--gold-2);display:block;font-weight:600;line-height:1}
#hisar-hajj .hero-trust span{font-size:.8rem;color:rgba(234,242,247,.7);max-width:15ch;display:block;margin-top:.25rem}
#hisar-hajj .orbit{position:relative;width:min(440px,80vw);aspect-ratio:1;margin:0 auto}
#hisar-hajj .orbit svg{width:100%;height:100%;overflow:visible}
#hisar-hajj .orbit .halo{filter:drop-shadow(0 0 40px rgba(203,164,85,.4))}
#hisar-hajj .spin{transform-origin:200px 200px;animation:tawaf 26s linear infinite}
#hisar-hajj .spin.slow{animation-duration:40s}
@keyframes tawaf{to{transform:rotate(-360deg)}}
#hisar-hajj .kaaba-core{animation:breathe 5s ease-in-out infinite}
@keyframes breathe{0%,100%{opacity:.92}50%{opacity:1}}
#hisar-hajj .orbit .lbl{font-family:"Plus Jakarta Sans";font-size:11px;font-weight:700;letter-spacing:.18em;fill:rgba(234,242,247,.55);text-transform:uppercase}
#hisar-hajj .countdown{background:var(--ink);color:var(--ivory);border-top:1px solid rgba(226,203,140,.18)}
#hisar-hajj .countdown .wrap{display:flex;align-items:center;justify-content:center;gap:clamp(.7rem,3vw,2rem);padding:1.1rem 0;flex-wrap:wrap;text-align:center}
#hisar-hajj .countdown .cd-label{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2);font-weight:800}
#hisar-hajj .cd-units{display:flex;gap:clamp(.6rem,2vw,1.4rem)}
#hisar-hajj .cd-unit{min-width:56px}
#hisar-hajj .cd-unit b{font-family:"Plus Jakarta Sans",serif;font-size:clamp(1.5rem,3.5vw,2.2rem);color:var(--ivory);display:block;line-height:1;font-variant-numeric:tabular-nums}
#hisar-hajj .cd-unit span{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(234,242,247,.6)}
#hisar-hajj section{padding:clamp(3.6rem,7vw,6.2rem) 0}
#hisar-hajj .section-head{text-align:center;max-width:62ch;margin:0 auto 3rem}
#hisar-hajj .section-head h2{font-size:clamp(2.1rem,4.6vw,3.3rem);margin:.7rem 0 .6rem}
#hisar-hajj .section-head p{color:var(--muted);font-size:1.06rem}
#hisar-hajj .award{background:linear-gradient(160deg,var(--ink),var(--ink-2));color:var(--ivory);position:relative;overflow:hidden}
#hisar-hajj .award .grain{position:absolute;inset:0;opacity:.35}
#hisar-hajj .award .wrap{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:2.8rem;align-items:center}
#hisar-hajj .award .medal{width:76px;height:76px;margin-bottom:1rem}
#hisar-hajj .award h2{color:var(--ivory);font-size:clamp(1.9rem,4vw,2.8rem)}
#hisar-hajj .award p{color:rgba(234,242,247,.82)}
#hisar-hajj .award-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem}
#hisar-hajj .stat{background:linear-gradient(180deg,rgba(234,242,247,.07),rgba(234,242,247,.02));border:1px solid rgba(226,203,140,.24);border-radius:var(--rad);padding:1.3rem 1.4rem}
#hisar-hajj .stat b{font-family:"Plus Jakarta Sans",serif;font-size:2.1rem;color:var(--gold-2);display:block;line-height:1}
#hisar-hajj .stat span{font-size:.85rem;color:rgba(234,242,247,.75)}
#hisar-hajj .steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
#hisar-hajj .step{background:#fff;border:1px solid var(--line);border-radius:var(--rad-lg);padding:2.1rem 1.8rem;position:relative;transition:transform .4s var(--ease-out),box-shadow .4s,border-color .4s;overflow:hidden}
#hisar-hajj .step::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,var(--gold),var(--turq));transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-out)}
#hisar-hajj .step:hover{transform:translateY(-7px);box-shadow:var(--shadow-soft);border-color:var(--gold)}
#hisar-hajj .step:hover::before{transform:scaleX(1)}
#hisar-hajj .step .num{font-family:"Plus Jakarta Sans",serif;font-size:1.05rem;font-weight:600;color:var(--gold-deep);border:1.5px solid var(--gold);width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem}
#hisar-hajj .step h3{font-size:1.35rem;margin-bottom:.5rem}
#hisar-hajj .step p{color:var(--muted);font-size:.96rem;margin-bottom:1rem}
#hisar-hajj .step .step-link{font-weight:700;color:var(--pine);text-decoration:none;font-size:.92rem;display:inline-flex;gap:.35rem;align-items:center}
#hisar-hajj .step .step-link:hover{color:var(--gold-deep);gap:.6rem}
#hisar-hajj .help-band{margin-top:1.6rem;background:linear-gradient(120deg,var(--pine),var(--ink));color:var(--ivory);border-radius:var(--rad-lg);padding:1.9rem 2.1rem;display:flex;align-items:center;justify-content:space-between;gap:1.4rem;flex-wrap:wrap}
#hisar-hajj .help-band h3{color:var(--ivory);font-size:1.4rem}
#hisar-hajj .help-band p{color:rgba(234,242,247,.8);margin:.3rem 0 0;max-width:52ch}
#hisar-hajj .pkg-section{background:linear-gradient(180deg,var(--paper-2),var(--paper))}
#hisar-hajj .pkg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:1.1rem;align-items:stretch}
#hisar-hajj .pkg{background:#fff;border:1px solid var(--line);border-radius:var(--rad-lg);padding:1.6rem 1.3rem;display:flex;flex-direction:column;position:relative;transition:transform .4s var(--ease-out),box-shadow .4s,border-color .4s}
#hisar-hajj .pkg:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:var(--gold)}
#hisar-hajj .pkg.featured{border-color:var(--gold);box-shadow:var(--shadow-soft)}
#hisar-hajj .pkg .tag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#241a09;font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:.34rem .95rem;border-radius:999px;white-space:nowrap}
#hisar-hajj .pkg .stars{color:var(--gold);letter-spacing:.14em;font-size:.85rem}
#hisar-hajj .pkg .nusukcat{display:inline-block;font-size:.57rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--turq-deep);background:rgba(203,164,85,.12);border:1px solid rgba(203,164,85,.35);border-radius:999px;padding:.22rem .6rem;margin:.4rem 0 .1rem;line-height:1.35;max-width:100%}
#hisar-hajj .pkg h3{font-size:1.28rem;margin:.5rem 0 .15rem;line-height:1.15}
#hisar-hajj .pkg .price{font-family:"Plus Jakarta Sans",serif;font-size:1.35rem;color:var(--ink);font-weight:700;margin:.35rem 0 .1rem}
#hisar-hajj .pkg .price small{font-family:"Plus Jakarta Sans",sans-serif;font-size:.62rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);display:block;margin-top:3px;line-height:1.4}
#hisar-hajj .pkg ul{list-style:none;padding:0;margin:1.1rem 0;border-top:1px solid var(--line);padding-top:1.1rem;display:grid;gap:.6rem}
#hisar-hajj .pkg li{display:flex;gap:.5rem;font-size:.85rem;line-height:1.45}
#hisar-hajj .pkg li svg{flex:none;margin-top:3px;color:var(--gold-deep)}
#hisar-hajj .pkg .depart{font-size:.74rem;line-height:1.45;color:var(--muted);margin-top:auto;padding-top:.8rem}
#hisar-hajj .pkg .depart span{font-weight:700;color:var(--text)}
#hisar-hajj .pkg .btn{margin-top:1rem;width:100%;font-size:.88rem;padding:.72rem .6rem;line-height:1.25}
#hisar-hajj .pkg-note{text-align:center;color:var(--muted);font-size:.86rem;margin-top:1.6rem}
#hisar-hajj .zonemap{background:radial-gradient(120% 120% at 70% 20%,var(--pine-2),var(--ink) 60%);color:var(--ivory);position:relative;overflow:hidden}
#hisar-hajj .zonemap .grain{position:absolute;inset:0;opacity:.3}
#hisar-hajj .zonemap .section-head h2{color:var(--ivory)}
#hisar-hajj .zonemap .section-head p{color:rgba(234,242,247,.78)}
#hisar-hajj .zm-layout{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:2.6rem;align-items:center}
#hisar-hajj .zm-stage{position:relative;aspect-ratio:1;width:min(460px,86vw);margin:0 auto}
#hisar-hajj .zm-stage svg{width:100%;height:100%;overflow:visible}
#hisar-hajj .zm-ring{cursor:pointer}
#hisar-hajj .zm-ring:focus{outline:none}
#hisar-hajj .zm-ring circle{transition:stroke-width .3s,filter .3s}
#hisar-hajj .zm-ring.active circle{filter:drop-shadow(0 0 12px rgba(232,210,150,.7))}
#hisar-hajj .zm-ring .rlabel{font-family:"Plus Jakarta Sans",serif;font-weight:600;fill:var(--ivory);font-size:15px}
#hisar-hajj .zm-orbit-dot{fill:var(--gold-2)}
#hisar-hajj .zm-panel{background:linear-gradient(180deg,rgba(234,242,247,.08),rgba(234,242,247,.03));border:1px solid rgba(226,203,140,.3);border-radius:var(--rad-lg);padding:2rem;min-height:280px}
#hisar-hajj .zm-panel .zbadge{display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#241a09;background:var(--gold-2);padding:.3rem .8rem;border-radius:999px}
#hisar-hajj .zm-panel h3{color:var(--ivory);font-size:2rem;margin:1rem 0 .3rem}
#hisar-hajj .zm-panel .zwalk{color:var(--gold-2);font-weight:700;font-size:.95rem;margin-bottom:.8rem}
#hisar-hajj .zm-panel p{color:rgba(234,242,247,.82);font-size:.98rem}
#hisar-hajj .zm-pkgs{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}
#hisar-hajj .zm-pkgs a{font-size:.82rem;font-weight:700;text-decoration:none;color:var(--ivory);border:1px solid rgba(226,203,140,.4);border-radius:999px;padding:.4rem .9rem;transition:background .25s,color .25s}
#hisar-hajj .zm-pkgs a:hover{background:var(--gold-2);color:#241a09;border-color:var(--gold-2)}
#hisar-hajj .zm-hint{font-size:.8rem;color:rgba(234,242,247,.6);margin-top:1.2rem}
#hisar-hajj .est-section{background:var(--paper)}
#hisar-hajj .est-card{background:#fff;border:1px solid var(--line);border-radius:var(--rad-xl);box-shadow:var(--shadow-soft);overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr}
#hisar-hajj .est-controls{padding:2.2rem}
#hisar-hajj .est-controls h3{font-size:1.6rem;margin-bottom:.3rem}
#hisar-hajj .est-controls .sub{color:var(--muted);font-size:.95rem;margin-bottom:1.6rem}
#hisar-hajj .est-group{margin-bottom:1.4rem}
#hisar-hajj .est-group>label{display:block;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);margin-bottom:.6rem}
#hisar-hajj .seg{display:flex;flex-wrap:wrap;gap:.5rem}
#hisar-hajj .seg button{font-family:inherit;font-size:.86rem;font-weight:600;padding:.55rem .9rem;border-radius:10px;border:1.5px solid var(--line-2);background:#fff;color:var(--text);cursor:pointer;transition:all .2s}
#hisar-hajj .seg button:hover{border-color:var(--gold)}
#hisar-hajj .seg button.sel{background:var(--turq-deep);color:#fff;border-color:var(--turq-deep)}
#hisar-hajj .est-people{display:flex;align-items:center;gap:1rem}
#hisar-hajj .est-people button{width:40px;height:40px;border-radius:10px;border:1.5px solid var(--line-2);background:#fff;font-size:1.3rem;cursor:pointer;color:var(--ink);line-height:1;transition:all .2s}
#hisar-hajj .est-people button:hover{border-color:var(--gold);background:var(--paper)}
#hisar-hajj .est-people b{font-family:"Plus Jakarta Sans",serif;font-size:1.5rem;min-width:2ch;text-align:center}
#hisar-hajj .est-controls input[type=range]{width:100%;accent-color:var(--turq-deep);margin:.4rem 0 .1rem}
#hisar-hajj .incl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.6rem 1.1rem;margin-top:1.1rem;background:#fff;border:1px solid var(--line);border-radius:var(--rad-lg);padding:1.5rem 1.7rem}
#hisar-hajj .incl-grid span{font-size:.87rem;display:flex;gap:.5rem;align-items:flex-start;color:var(--text)}
#hisar-hajj .incl-grid svg{flex:none;margin-top:3px;color:var(--turq-deep)}
#hisar-hajj .care-sec{background:var(--paper)}
#hisar-hajj .care-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}
#hisar-hajj .care-card{background:#fff;border:1px solid var(--line);border-radius:var(--rad-lg);padding:2rem;position:relative;overflow:hidden}
#hisar-hajj .care-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--gold),var(--turq))}
#hisar-hajj .care-card h3{font-size:1.35rem;margin-bottom:.4rem;display:flex;align-items:center;gap:.6rem}
#hisar-hajj .care-card .ci{width:38px;height:38px;border-radius:11px;background:rgba(203,164,85,.14);color:var(--gold-deep);display:flex;align-items:center;justify-content:center;flex:none}
#hisar-hajj .care-card p{color:var(--muted);font-size:.95rem;margin:0 0 .8rem}
#hisar-hajj .care-card ul{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}
#hisar-hajj .care-card li{display:flex;gap:.55rem;font-size:.9rem;color:var(--text);line-height:1.4}
#hisar-hajj .care-card li svg{flex:none;margin-top:2px;color:var(--turq-deep)}
#hisar-hajj .improved{background:linear-gradient(160deg,var(--ink),var(--ink-2));color:var(--ivory);position:relative;overflow:hidden}
#hisar-hajj .improved .grain{position:absolute;inset:0;opacity:.3}
#hisar-hajj .improved .section-head h2{color:var(--ivory)}
#hisar-hajj .improved .section-head p{color:rgba(234,242,247,.78)}
#hisar-hajj .imp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.1rem;max-width:960px;margin:0 auto}
#hisar-hajj .imp-item{background:linear-gradient(180deg,rgba(234,242,247,.07),rgba(234,242,247,.02));border:1px solid rgba(226,203,140,.24);border-radius:var(--rad);padding:1.4rem 1.5rem}
#hisar-hajj .imp-item b{color:var(--gold-2);font-size:.98rem;display:block;margin-bottom:.3rem}
#hisar-hajj .imp-item span{color:rgba(234,242,247,.8);font-size:.9rem}
#hisar-hajj .seminar{max-width:820px;margin:2rem auto 0;display:grid;gap:.8rem}
#hisar-hajj .sem-week{display:flex;gap:1.1rem;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--rad);padding:1.1rem 1.3rem;transition:border-color .3s,transform .3s var(--ease-out)}
#hisar-hajj .sem-week:hover{border-color:var(--turq);transform:translateX(4px)}
#hisar-hajj .sem-week .sw{font-weight:800;color:#fff;background:var(--turq-deep);min-width:66px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex:none;font-size:.76rem;letter-spacing:.03em}
#hisar-hajj .sem-week b{display:block;color:var(--ink);font-size:.98rem;margin-bottom:.1rem}
#hisar-hajj .sem-week span{font-size:.88rem;color:var(--muted)}
@media(max-width:820px){#hisar-hajj .care-grid{grid-template-columns:1fr}}
#hisar-hajj .guide-sec{background:linear-gradient(180deg,var(--paper),var(--paper-2))}
#hisar-hajj .guide-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.4rem}
#hisar-hajj .gcard{background:#fff;border:1px solid var(--line);border-radius:var(--rad-lg);padding:1.8rem}
#hisar-hajj .gcard h3{font-size:1.22rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.55rem}
#hisar-hajj .gcard h3 .gi{width:34px;height:34px;border-radius:10px;background:rgba(203,164,85,.12);color:var(--turq-deep);display:flex;align-items:center;justify-content:center;flex:none}
#hisar-hajj .gcard p{color:var(--muted);font-size:.94rem;margin:0 0 .6rem}
#hisar-hajj .gcard ul{margin:.2rem 0 0;padding-left:1.1rem;color:var(--muted);font-size:.92rem}
#hisar-hajj .gcard ul li{margin-bottom:.35rem}
#hisar-hajj .gcard b{color:var(--text)}
#hisar-hajj .glossary{background:#fff;border:1px solid var(--line);border-radius:var(--rad-lg);padding:1.9rem;margin-top:1.4rem}
#hisar-hajj .glossary h3{font-size:1.3rem;margin-bottom:1rem}
#hisar-hajj .gloss-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.7rem 1.6rem}
#hisar-hajj .gloss-grid dt{font-weight:700;color:var(--ink);font-size:.92rem}
#hisar-hajj .gloss-grid dd{margin:0 0 .7rem;color:var(--muted);font-size:.88rem}
#hisar-hajj .est-output{background:linear-gradient(160deg,var(--pine),var(--ink));color:var(--ivory);padding:2.2rem;display:flex;flex-direction:column;justify-content:center}
#hisar-hajj .est-output .olabel{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-2);font-weight:800}
#hisar-hajj .est-output .total{font-family:"Plus Jakarta Sans",serif;font-size:clamp(1.9rem,4.4vw,2.9rem);color:var(--ivory);line-height:1.05;margin:.6rem 0 .2rem;font-variant-numeric:tabular-nums}
#hisar-hajj .est-output .per{font-size:.9rem;color:rgba(234,242,247,.72)}
#hisar-hajj .est-breakdown{margin-top:1.4rem;border-top:1px solid rgba(226,203,140,.25);padding-top:1.2rem;display:grid;gap:.5rem}
#hisar-hajj .est-breakdown .row{display:flex;justify-content:space-between;font-size:.9rem;color:rgba(234,242,247,.85)}
#hisar-hajj .est-breakdown .row span:last-child{font-weight:700;color:var(--gold-2);font-variant-numeric:tabular-nums}
#hisar-hajj .est-output .est-note{font-size:.74rem;color:rgba(234,242,247,.6);margin:1.2rem 0 0}
#hisar-hajj .est-output .btn{margin-top:1.2rem}
#hisar-hajj .edu-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}
#hisar-hajj .edu-card{background:#fff;border:1px solid var(--line);border-radius:var(--rad-lg);padding:2rem}
#hisar-hajj .edu-card h3{font-size:1.4rem;margin-bottom:.6rem;display:flex;align-items:center;gap:.6rem}
#hisar-hajj .edu-card h3 .dot{width:10px;height:10px;border-radius:50%;background:var(--gold);flex:none}
#hisar-hajj .edu-card p{color:var(--muted);font-size:.96rem}
#hisar-hajj .edu-card ul{margin:.6rem 0 0;padding-left:1.1rem;color:var(--muted);font-size:.94rem}
#hisar-hajj .edu-card ul li{margin-bottom:.4rem}
#hisar-hajj .edu-card b{color:var(--text)}
#hisar-hajj .journey{background:linear-gradient(160deg,var(--ink),var(--ink-2));color:var(--ivory);position:relative;overflow:hidden}
#hisar-hajj .journey .grain{position:absolute;inset:0;opacity:.3}
#hisar-hajj .journey .section-head h2{color:var(--ivory)}
#hisar-hajj .journey .section-head p{color:rgba(234,242,247,.78)}
#hisar-hajj .tl{position:relative;max-width:860px;margin:0 auto;padding-left:2.2rem}
#hisar-hajj .tl::before{content:"";position:absolute;left:12px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,var(--gold),var(--turq))}
#hisar-hajj .tl-item{position:relative;padding:0 0 2rem 1.6rem}
#hisar-hajj .tl-item:last-child{padding-bottom:0}
#hisar-hajj .tl-item::before{content:"";position:absolute;left:-2.2rem;top:6px;width:14px;height:14px;border-radius:50%;background:var(--ink);border:3px solid var(--gold);margin-left:6px}
#hisar-hajj .tl-item:nth-child(n+4)::before{border-color:var(--turq)}
#hisar-hajj .tl-item .tl-day{font-size:.7rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--turq-2)}
#hisar-hajj .tl-item h3{color:var(--ivory);font-size:1.3rem;margin:.25rem 0 .3rem}
#hisar-hajj .tl-item p{color:rgba(234,242,247,.78);font-size:.95rem;max-width:64ch;margin:0}
#hisar-hajj .camps{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem;max-width:860px;margin:2.6rem auto 0}
#hisar-hajj .camp{background:linear-gradient(180deg,rgba(234,242,247,.07),rgba(234,242,247,.02));border:1px solid rgba(232,210,150,.25);border-radius:var(--rad-lg);padding:1.6rem}
#hisar-hajj .camp h3{color:var(--ivory);font-size:1.25rem;margin-bottom:.2rem}
#hisar-hajj .camp .cstat{color:var(--gold-2);font-weight:700;font-size:.86rem;margin-bottom:.6rem}
#hisar-hajj .camp p{color:rgba(234,242,247,.78);font-size:.92rem;margin:0}
#hisar-hajj .mem-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.9rem;max-width:860px;margin:1.2rem auto 0}
#hisar-hajj .mem-strip .ylang{font-size:.6rem;padding:.24rem .55rem}
@media(max-width:640px){#hisar-hajj .camps{grid-template-columns:1fr}
  #hisar-hajj .vt-grid,#hisar-hajj .mem-strip{grid-template-columns:repeat(2,1fr);gap:.7rem}
  #hisar-hajj .vt-grid .yt.vert,#hisar-hajj .mem-strip .yt.vert{max-height:46vh}
  #hisar-hajj .vt-grid .ylang,#hisar-hajj .mem-strip .ylang{font-size:.56rem;padding:.2rem .5rem}
  #hisar-hajj .vt-grid .yplay,#hisar-hajj .mem-strip .yplay{width:44px;height:44px}
  #hisar-hajj .journey .tl-video{max-width:170px}
}
#hisar-hajj .testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}
#hisar-hajj .testi{background:#fff;border:1px solid var(--line);border-radius:var(--rad-lg);padding:1.7rem;display:flex;flex-direction:column;transition:transform .35s var(--ease-out),box-shadow .35s}
#hisar-hajj .testi:hover{transform:translateY(-5px);box-shadow:var(--shadow-soft)}
#hisar-hajj .testi .tstars{color:var(--gold);letter-spacing:.14em;margin-bottom:.7rem}
#hisar-hajj .testi p{color:var(--text);font-size:.95rem;font-style:italic;margin-bottom:1rem}
#hisar-hajj .testi .who{margin-top:auto;display:flex;align-items:center;gap:.7rem}
#hisar-hajj .testi .avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--pine-2),var(--turq-deep));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.95rem;flex:none}
#hisar-hajj .testi .who b{display:block;font-size:.9rem;color:var(--ink);line-height:1.2}
#hisar-hajj .testi .who span{font-size:.78rem;color:var(--muted)}
#hisar-hajj .testi-cta{text-align:center;margin-top:1.8rem}
#hisar-hajj .gbadge{display:inline-flex;align-items:center;gap:.5rem;font-size:.82rem;font-weight:700;color:var(--muted)}
#hisar-hajj .webinars{background:linear-gradient(180deg,var(--paper-2),var(--paper))}
#hisar-hajj .web-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2.4rem;align-items:center}
#hisar-hajj .web-list{display:grid;gap:.9rem;margin-top:1.4rem}
#hisar-hajj .web-item{display:flex;gap:1rem;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--rad);padding:1.1rem 1.2rem;transition:border-color .3s,transform .3s var(--ease-out)}
#hisar-hajj .web-item:hover{border-color:var(--turq);transform:translateX(4px)}
#hisar-hajj .web-item .wnum{font-weight:800;color:#fff;background:var(--turq-deep);width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:none;font-size:.85rem}
#hisar-hajj .web-item b{display:block;color:var(--ink);font-size:.98rem}
#hisar-hajj .web-item span{font-size:.85rem;color:var(--muted)}
#hisar-hajj .guide-card{background:linear-gradient(160deg,var(--pine),var(--ink));border-radius:var(--rad-lg);padding:2.2rem;color:var(--ivory);position:relative;overflow:hidden}
#hisar-hajj .guide-card .arabic{font-size:1.5rem;color:var(--gold-2);margin-bottom:.8rem}
#hisar-hajj .guide-card h3{color:var(--ivory);font-size:1.5rem;margin-bottom:.6rem}
#hisar-hajj .guide-card p{color:rgba(234,242,247,.82);font-size:.96rem}
#hisar-hajj .guide-card ul{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.6rem}
#hisar-hajj .guide-card li{display:flex;gap:.6rem;font-size:.92rem;color:rgba(234,242,247,.9)}
#hisar-hajj .guide-card li svg{flex:none;margin-top:3px;color:var(--turq-2)}
#hisar-hajj .yt{position:relative;aspect-ratio:16/9;border-radius:var(--rad);overflow:hidden;cursor:pointer;background:#000;box-shadow:var(--shadow-soft)}
#hisar-hajj .yt.vert{aspect-ratio:9/16;border-radius:18px}
#hisar-hajj .yt.vert .yplay{width:52px;height:52px}
#hisar-hajj .yt img{width:100%;height:100%;object-fit:cover;opacity:.88;transition:opacity .3s,transform .5s var(--ease-out)}
#hisar-hajj .yt:hover img{opacity:1;transform:scale(1.04)}
#hisar-hajj .yt .yplay{position:absolute;inset:0;margin:auto;width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,var(--gold-bright),var(--gold));display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px -8px rgba(0,0,0,.6);transition:transform .3s var(--ease-out)}
#hisar-hajj .yt:hover .yplay{transform:scale(1.1)}
#hisar-hajj .yt .yplay::after{content:"";border-style:solid;border-width:11px 0 11px 19px;border-color:transparent transparent transparent #241a09;margin-left:4px}
#hisar-hajj .yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
#hisar-hajj .yt .ylang{position:absolute;top:.7rem;left:.7rem;background:rgba(7,26,51,.85);color:var(--gold-2);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:.28rem .7rem;border-radius:999px;border:1px solid rgba(232,210,150,.4)}
#hisar-hajj .vt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2.6rem;max-width:1100px;margin-inline:auto}
#hisar-hajj .tl-video{max-width:240px;margin-top:1rem}
#hisar-hajj .tl-video .yt{box-shadow:0 14px 36px -18px rgba(0,0,0,.7);border:1px solid rgba(232,210,150,.25)}
@media(max-width:960px){#hisar-hajj .testi-grid{grid-template-columns:1fr}#hisar-hajj .web-grid{grid-template-columns:1fr}}
@media(max-width:760px){#hisar-hajj .vt-grid{grid-template-columns:repeat(2,1fr);gap:.7rem;max-width:420px}#hisar-hajj .vt-grid .yplay{width:44px;height:44px}#hisar-hajj .vt-grid .ylang{font-size:.55rem;padding:.2rem .5rem}#hisar-hajj .mem-strip{grid-template-columns:repeat(2,1fr);max-width:420px}}
@media(max-width:380px){#hisar-hajj .vt-grid,#hisar-hajj .mem-strip{grid-template-columns:repeat(2,1fr);gap:.55rem}}
@media(max-width:960px){#hisar-hajj .mem-strip{grid-template-columns:1fr 1fr}}
#hisar-hajj .award-video{margin-top:1.4rem;border-radius:var(--rad-lg);overflow:hidden;border:1px solid rgba(232,210,150,.3);box-shadow:var(--shadow-soft)}
#hisar-hajj .award-video video{width:100%;display:block;background:#000}
#hisar-hajj .register{background:radial-gradient(120% 120% at 50% 0%,var(--pine-2),var(--ink) 65%);color:var(--ivory);position:relative;overflow:hidden}
#hisar-hajj .register .grain{position:absolute;inset:0;opacity:.35}
#hisar-hajj .register .wrap{position:relative;display:grid;grid-template-columns:.82fr 1.18fr;gap:3rem;align-items:start}
#hisar-hajj .reg-intro h2{color:var(--ivory);font-size:clamp(2rem,4.4vw,3.1rem);margin:.7rem 0 1rem}
#hisar-hajj .reg-intro p{color:rgba(234,242,247,.82)}
#hisar-hajj .reg-assure{list-style:none;padding:0;margin:1.6rem 0 0;display:grid;gap:.8rem}
#hisar-hajj .reg-assure li{display:flex;gap:.7rem;align-items:flex-start;font-size:.95rem;color:rgba(234,242,247,.9)}
#hisar-hajj .reg-assure svg{flex:none;margin-top:3px;color:var(--gold-2)}
#hisar-hajj form.reg-form{background:var(--paper);color:var(--text);border-radius:var(--rad-xl);padding:2.1rem;box-shadow:var(--shadow)}
#hisar-hajj form.reg-form .form-head{display:flex;align-items:center;gap:.7rem;margin-bottom:1.4rem}
#hisar-hajj form.reg-form .form-head .arabic{font-size:1.7rem;color:var(--gold-deep)}
#hisar-hajj form.reg-form .form-head h3{font-size:1.4rem}
#hisar-hajj .field{margin-bottom:1rem}
#hisar-hajj .field label{display:block;font-size:.8rem;font-weight:700;margin-bottom:.35rem;color:var(--ink)}
#hisar-hajj .field label .req{color:#b23a2f}
#hisar-hajj .field input,#hisar-hajj .field select{width:100%;padding:.82rem .9rem;border:1.5px solid var(--line-2) !important;border-radius:12px;font:inherit;color:var(--text) !important;background:#fff !important;transition:border-color .2s,box-shadow .2s}
#hisar-hajj .field input:focus,#hisar-hajj .field select:focus{outline:none !important;border-color:var(--gold) !important;box-shadow:0 0 0 3px rgba(203,164,85,.25) !important}
#hisar-hajj .field.invalid input,#hisar-hajj .field.invalid select{border-color:#c0392b !important;box-shadow:0 0 0 3px rgba(192,57,43,.15) !important}
#hisar-hajj .field .err{color:#b23a2f;font-size:.78rem;margin-top:.3rem;display:none}
#hisar-hajj .field.invalid .err{display:block}
#hisar-hajj .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}
#hisar-hajj .reg-form .btn{width:100%;margin-top:.4rem;font-size:1.05rem;padding:1rem}
#hisar-hajj .reg-form .fineprint{font-size:.76rem;color:var(--muted);text-align:center;margin:.9rem 0 0}
#hisar-hajj .form-success{display:none;text-align:center;padding:1.5rem .5rem}
#hisar-hajj .form-success.show{display:block}
#hisar-hajj .form-success .arabic{font-size:1.8rem;color:var(--gold-deep);margin-bottom:.6rem}
#hisar-hajj .form-success .check{width:66px;height:66px;margin:0 auto 1rem;color:var(--gold-deep)}
#hisar-hajj .form-success h3{font-size:1.6rem;margin-bottom:.5rem}
#hisar-hajj .form-success p{color:var(--muted)}
#hisar-hajj .faq-wrap{max-width:840px;margin:0 auto}
#hisar-hajj .faq-item{border-bottom:1px solid var(--line)}
#hisar-hajj .faq-q{width:100%;text-align:left;background:none;border:0;cursor:pointer;padding:1.3rem 3rem 1.3rem 0;font-family:"Plus Jakarta Sans",serif;font-size:1.2rem;color:var(--ink);position:relative;font-weight:500}
#hisar-hajj .faq-q .plus{position:absolute;right:.3rem;top:50%;transform:translateY(-50%);width:26px;height:26px}
#hisar-hajj .faq-q .plus::before,#hisar-hajj .faq-q .plus::after{content:"";position:absolute;background:var(--gold-deep);transition:transform .3s var(--ease),opacity .3s}
#hisar-hajj .faq-q .plus::before{top:12px;left:4px;width:18px;height:2px}
#hisar-hajj .faq-q .plus::after{left:12px;top:4px;width:2px;height:18px}
#hisar-hajj .faq-item.open .faq-q .plus::after{transform:rotate(90deg);opacity:0}
#hisar-hajj .faq-a{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}
#hisar-hajj .faq-a-inner{padding:0 2rem 1.5rem 0;color:var(--muted);font-size:.98rem}
#hisar-hajj .faq-a-inner ul,#hisar-hajj .faq-a-inner ol{padding-left:1.2rem;margin:.4rem 0}
#hisar-hajj .faq-a-inner li{margin-bottom:.3rem}
#hisar-hajj .faq-a-inner b{color:var(--text)}
#hisar-hajj .faq-a-inner a{color:var(--gold-deep);font-weight:700;text-decoration:none}
#hisar-hajj .dates-table{display:grid;grid-template-columns:1fr auto;gap:.4rem 1.2rem;margin:.6rem 0;font-size:.95rem}
#hisar-hajj .dates-table .d{font-weight:700;color:var(--text);text-align:right;font-variant-numeric:tabular-nums}
#hisar-hajj footer.site{background:var(--ink);color:rgba(234,242,247,.8);padding:3.6rem 0 1.6rem}
#hisar-hajj .foot-disclaimer{background:rgba(234,242,247,.05);border:1px solid rgba(226,203,140,.2);border-radius:var(--rad);padding:1rem 1.2rem;font-size:.82rem;color:rgba(234,242,247,.75);margin-bottom:2rem}
#hisar-hajj .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:2rem;margin-bottom:2.4rem}
#hisar-hajj footer .brand .bt{color:var(--ivory)}
#hisar-hajj footer h4{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-2);margin-bottom:1rem;font-weight:800;font-family:"Plus Jakarta Sans",sans-serif}
#hisar-hajj footer ul{list-style:none;padding:0;margin:0;display:grid;gap:.55rem}
#hisar-hajj footer a{color:rgba(234,242,247,.8);text-decoration:none;font-size:.92rem}
#hisar-hajj footer a:hover{color:var(--gold-2)}
#hisar-hajj .foot-contact p{font-size:.92rem;margin:0 0 .5rem;display:flex;gap:.5rem}
#hisar-hajj .foot-note{border-top:1px solid rgba(234,242,247,.14);padding-top:1.4rem;font-size:.8rem;color:rgba(234,242,247,.6);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
#hisar-hajj .reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}
#hisar-hajj .reveal.in{opacity:1;transform:none}
#hisar-hajj .stagger>*{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}
#hisar-hajj .stagger.in>*{opacity:1;transform:none}
#hisar-hajj .stagger.in>*:nth-child(2){transition-delay:.08s}
#hisar-hajj .stagger.in>*:nth-child(3){transition-delay:.16s}
#hisar-hajj .stagger.in>*:nth-child(4){transition-delay:.24s}
@media(max-width:980px){
  #hisar-hajj .hero .wrap,#hisar-hajj .award .wrap,#hisar-hajj .register .wrap,#hisar-hajj .zm-layout,#hisar-hajj .est-card{grid-template-columns:minmax(0,1fr)}
  #hisar-hajj .est-output{order:-1}
  #hisar-hajj .steps-grid,#hisar-hajj .pkg-grid{grid-template-columns:1fr 1fr}
  #hisar-hajj .edu-grid{grid-template-columns:1fr}
  #hisar-hajj .foot-grid{grid-template-columns:1fr 1fr}
  #hisar-hajj .hero .orbit{margin-top:1rem}
}
@media(max-width:620px){
  #hisar-hajj nav.links,#hisar-hajj .nav-cta .btn{display:none}
  #hisar-hajj .menu-toggle{display:block}
  #hisar-hajj nav.links.open{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--paper);padding:1.2rem 6vw;gap:1rem;border-bottom:1px solid var(--line);box-shadow:var(--shadow-soft)}
  #hisar-hajj .steps-grid,#hisar-hajj .pkg-grid,#hisar-hajj .foot-grid{grid-template-columns:1fr}
  #hisar-hajj .award-stats{grid-template-columns:1fr 1fr;gap:.7rem}
  #hisar-hajj .stat{padding:1rem .9rem}
  #hisar-hajj .stat b{font-size:1.6rem}
  #hisar-hajj .stat span{font-size:.76rem}
  #hisar-hajj .award-video video{max-height:70vh;object-fit:contain}
  #hisar-hajj .grid-2{grid-template-columns:1fr}
  #hisar-hajj .help-band{flex-direction:column;align-items:flex-start}
}
#hisar-hajj .wa-fab{position:fixed;right:18px;bottom:18px;z-index:90;width:58px;height:58px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 34px -10px rgba(18,140,80,.8);transition:transform .3s var(--ease-out)}
#hisar-hajj .wa-fab:hover{transform:scale(1.08)}
#hisar-hajj .wa-fab svg{width:30px;height:30px;fill:#fff}
#hisar-hajj .wa-band{background:linear-gradient(120deg,#0b3d2e,#071A33);color:var(--ivory);border-radius:var(--rad-lg);padding:1.9rem 2.1rem;display:flex;align-items:center;justify-content:space-between;gap:1.4rem;flex-wrap:wrap;margin-top:1.6rem;border:1px solid rgba(37,211,102,.3)}
#hisar-hajj .wa-band h3{color:var(--ivory);font-size:1.4rem;display:flex;align-items:center;gap:.6rem}
#hisar-hajj .wa-band h3 svg{width:26px;height:26px;fill:#25D366;flex:none}
#hisar-hajj .wa-band p{color:rgba(234,242,247,.8);margin:.3rem 0 0;max-width:52ch}
#hisar-hajj .btn-wa{background:#25D366;color:#06281a}
#hisar-hajj .btn-wa:hover{background:#2EE476;transform:translateY(-3px)}
#hisar-hajj .mbar{display:none}
@media(max-width:760px){
  #hisar-hajj .mbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:80;background:rgba(7,26,51,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(232,210,150,.22);border-radius:22px;padding:.45rem .35rem;box-shadow:0 18px 44px -16px rgba(0,0,0,.65)}
  #hisar-hajj .mbar a{display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;color:rgba(234,242,247,.75);font-size:.62rem;font-weight:700;letter-spacing:.02em;padding:.45rem .2rem;border-radius:16px;transition:color .2s,background .2s}
  #hisar-hajj .mbar a svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  #hisar-hajj .mbar a.mwa{color:#2EE476}
  #hisar-hajj .mbar a.mreg{background:linear-gradient(135deg,var(--gold-bright),var(--gold));color:#241a09}
  #hisar-hajj .mbar a.mreg svg{stroke:#241a09}
  #hisar-hajj .mbar a:active{background:rgba(234,242,247,.08)}
  #hisar-hajj{padding-bottom:92px}
  #hisar-hajj .wa-fab{display:none}
  #hisar-hajj .topbar .tb-right{display:none}
  #hisar-hajj .cd-units{gap:.9rem}
  #hisar-hajj .est-controls,#hisar-hajj .est-output,#hisar-hajj form.reg-form{padding:1.5rem}
  #hisar-hajj .zm-panel{padding:1.5rem;min-height:0}
  #hisar-hajj .help-band,#hisar-hajj .wa-band{padding:1.5rem}
  #hisar-hajj .tl{padding-left:1.8rem}
  #hisar-hajj .journey .tl-video{max-width:220px}
}
@media(prefers-reduced-motion:reduce){#hisar-hajj .hero-video{display:none}

  #hisar-hajj *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  #hisar-hajj .reveal,#hisar-hajj .stagger>*{opacity:1!important;transform:none!important}
}


/* ---- Hajj 2027 system: shared nav + hub components (added in the /hajj/ restructure) ---- */
#hisar-hajj .hajjnav a{position:relative}
#hisar-hajj .hajjnav a.active{color:var(--gold-2)}
#hisar-hajj .hajjnav a.active::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--gold);border-radius:2px}
#hisar-hajj header.site.scrolled .hajjnav a.active{color:var(--gold-deep)}
#hisar-hajj header.site.scrolled .hajjnav a.active::after{background:var(--gold-deep)}

#hisar-hajj .paths{padding:clamp(3rem,6vw,5rem) 0 0}
#hisar-hajj .path-grid{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
#hisar-hajj .path-card{display:flex;flex-direction:column;gap:.5rem;background:#fff;border:1px solid var(--line);border-radius:var(--rad-lg);padding:1.5rem 1.4rem;text-decoration:none;color:inherit;box-shadow:var(--shadow-soft);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease)}
#hisar-hajj .path-card:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:var(--shadow)}
#hisar-hajj .path-card.here{border-color:var(--gold);background:linear-gradient(180deg,#fff,#FFFDF6)}
#hisar-hajj .path-card .pstep{font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep)}
#hisar-hajj .path-card h3{font-size:1.22rem}
#hisar-hajj .path-card p{font-size:.92rem;color:var(--muted);margin:0}
#hisar-hajj .path-go{margin-top:auto;padding-top:.6rem;font-weight:700;font-size:.9rem;color:var(--turq-deep)}
#hisar-hajj .webinar-strip{display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap;margin-top:1.1rem;padding:1rem 1.3rem;border:1px solid rgba(203,164,85,.5);border-radius:var(--rad);background:linear-gradient(180deg,#fff,#FFFDF6);text-decoration:none;color:inherit;box-shadow:var(--shadow-soft)}
#hisar-hajj .webinar-strip:hover{border-color:var(--gold)}
#hisar-hajj .webinar-strip>div{flex:1;min-width:220px}
#hisar-hajj .ws-tag{font-size:.66rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep);background:rgba(203,164,85,.14);border-radius:999px;padding:.35rem .75rem;white-space:nowrap}
#hisar-hajj .webinar-strip b{display:block;font-size:1rem}
#hisar-hajj .webinar-strip span:not(.ws-tag):not(.path-go){font-size:.88rem;color:var(--muted)}
#hisar-hajj .webinar-strip .path-go{padding-top:0;white-space:nowrap}
#hisar-hajj .path-strip{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;flex-wrap:wrap;margin-top:1rem;padding:1rem 1.3rem;border:1px dashed var(--line-2);border-radius:var(--rad);background:rgba(255,255,255,.6);text-decoration:none;color:inherit}
#hisar-hajj .path-strip:hover{border-color:var(--gold);background:#fff}
#hisar-hajj .path-strip b{display:block;font-size:.98rem}
#hisar-hajj .path-strip span{font-size:.86rem;color:var(--muted)}
#hisar-hajj .path-strip .path-go{padding-top:0;white-space:nowrap}

#hisar-hajj .steps-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
#hisar-hajj .steps-note{max-width:70ch;margin:1.4rem auto 0;text-align:center;font-size:.9rem;color:var(--muted)}

#hisar-hajj .helplevels{background:linear-gradient(180deg,var(--paper-2),var(--paper))}
#hisar-hajj .hl-grid{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
#hisar-hajj .hl-card{background:#fff;border:1px solid var(--line);border-radius:var(--rad-lg);padding:1.6rem 1.5rem;box-shadow:var(--shadow-soft)}
#hisar-hajj .hl-card.paid{border-color:rgba(203,164,85,.5)}
#hisar-hajj .hl-tag{display:inline-block;font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:.3rem .65rem;border-radius:999px;background:rgba(203,164,85,.14);color:var(--gold-deep);margin-bottom:.7rem}
#hisar-hajj .hl-tag.free{background:rgba(203,164,85,.13);color:#066B6E}
#hisar-hajj .hl-card h3{font-size:1.2rem;margin-bottom:.7rem}
#hisar-hajj .hl-card ul{margin:0 0 1rem;padding:0;list-style:none;display:grid;gap:.55rem}
#hisar-hajj .hl-card li{position:relative;padding-left:1.4rem;font-size:.92rem;color:var(--muted)}
#hisar-hajj .hl-card li::before{content:"";position:absolute;left:0;top:.5em;width:7px;height:7px;border-radius:50%;background:var(--gold)}
#hisar-hajj .hl-card.paid li::before{background:var(--turq)}
#hisar-hajj .hl-note{max-width:72ch;margin:1.3rem auto 0;text-align:center;font-size:.86rem;color:var(--muted)}

#hisar-hajj .reg-proof{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:1.4rem 0 0;padding:1rem;border:1px solid rgba(232,210,150,.28);border-radius:var(--rad);background:rgba(255,255,255,.05)}
#hisar-hajj .reg-proof div{display:flex;flex-direction:column;gap:.15rem}
#hisar-hajj .reg-proof b{font-size:1.15rem;color:var(--gold-2);line-height:1.1}
#hisar-hajj .reg-proof span{font-size:.75rem;color:rgba(234,242,247,.72);line-height:1.35}

#hisar-hajj .succ-next{list-style:none;margin:.6rem 0 .4rem;padding:0;display:grid;gap:.4rem;text-align:left;max-width:34ch;margin-inline:auto}
#hisar-hajj .succ-next li{position:relative;padding-left:1.4rem;font-size:.88rem;color:var(--muted)}
#hisar-hajj .succ-next li::before{content:"✓";position:absolute;left:0;color:var(--turq-deep);font-weight:800}
#hisar-hajj .succ-while{font-size:.82rem;color:var(--muted);margin:.6rem 0 .2rem}

#hisar-hajj .guide-more{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center;margin-top:1.6rem}
#hisar-hajj .guide-more a{font-weight:700;font-size:.95rem;color:var(--gold-deep);text-decoration:none;border-bottom:2px solid rgba(203,164,85,.35);padding-bottom:.15rem}
#hisar-hajj .guide-more a:hover{border-color:var(--gold)}
#hisar-hajj .faq-more{text-align:center;margin-top:1.4rem;font-size:.92rem;color:var(--muted)}
#hisar-hajj .faq-more a{color:var(--gold-deep);font-weight:700;text-decoration:none}

/* ---- Site header mirrors the WordPress main menu; Hajj bar is the section nav ---- */
#hisar-hajj .stickywrap{position:sticky;top:0;z-index:70}
#hisar-hajj header.site{position:relative;z-index:3}
#hisar-hajj .hajjbar{position:relative;z-index:1}
#hisar-hajj .sitenav{gap:1.35rem}
#hisar-hajj .sitenav .has-sub{position:relative}
#hisar-hajj .sitenav .topitem{display:inline-flex;align-items:center;gap:.32rem}
#hisar-hajj .caret{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.55;transition:transform .25s}
#hisar-hajj .sitenav .has-sub:hover .caret,#hisar-hajj .sitenav .has-sub:focus-within .caret{transform:rotate(225deg) translateY(-3px)}
#hisar-hajj .sitenav .sub{position:absolute;top:calc(100% + 14px);left:-1rem;display:grid;gap:1.6rem;grid-auto-flow:column;background:#fff;border:1px solid var(--line);border-radius:var(--rad);box-shadow:var(--shadow);padding:1.15rem 1.35rem;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .22s var(--ease),transform .22s var(--ease),visibility .22s;min-width:250px}
#hisar-hajj .sitenav .sub::before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px}
#hisar-hajj .sitenav .has-sub:hover .sub,#hisar-hajj .sitenav .has-sub:focus-within .sub{opacity:1;visibility:visible;transform:translateY(0)}
#hisar-hajj .sitenav .subcol{display:flex;flex-direction:column;gap:.15rem;min-width:210px}
#hisar-hajj .sitenav .subcol h5{margin:0 0 .45rem;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);font-weight:800}
#hisar-hajj .sitenav .sub a{font-weight:600;font-size:.88rem;color:var(--text);padding:.36rem 0;white-space:nowrap}
#hisar-hajj .sitenav .sub a::after{display:none}
#hisar-hajj .sitenav .sub a:hover{color:var(--gold-deep)}
#hisar-hajj .navlogin{font-weight:600;font-size:.88rem;color:var(--muted)}

#hisar-hajj .hajjbar{background:var(--ink);color:var(--ivory);border-bottom:1px solid rgba(232,210,150,.22)}
#hisar-hajj .hajjbar .wrap{display:flex;align-items:center;gap:1rem}
#hisar-hajj .hb-label{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:var(--gold-2);white-space:nowrap;padding-right:.9rem;border-right:1px solid rgba(232,210,150,.25)}
#hisar-hajj .hb-links{display:flex;gap:1.5rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex:1}
#hisar-hajj .hb-links::-webkit-scrollbar{display:none}
#hisar-hajj .hajjbar a{position:relative;text-decoration:none;font-weight:700;font-size:.9rem;color:rgba(234,242,247,.78);padding:.72rem 0;white-space:nowrap;transition:color .25s}
#hisar-hajj .hajjbar a:hover{color:#fff}
#hisar-hajj .hajjbar a.active{color:var(--gold-2)}
#hisar-hajj .hajjbar a.active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--gold);border-radius:3px 3px 0 0}
#hisar-hajj .hb-cta{color:var(--gold-2)!important;white-space:nowrap}
@media(max-width:900px){
  #hisar-hajj .hb-label{display:none}
  #hisar-hajj .hb-cta{display:none}
  #hisar-hajj .hajjbar .wrap{width:100%;padding-inline:4vw}
  #hisar-hajj .hb-links{gap:1.25rem}
  #hisar-hajj .sitenav.links.open{max-height:min(72vh,560px);overflow-y:auto}
  #hisar-hajj .sitenav .has-sub{width:100%}
  #hisar-hajj .sitenav .topitem{width:100%;justify-content:space-between;padding:.55rem 0}
  #hisar-hajj .sitenav .sub{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;border-left:2px solid var(--line);border-radius:0;padding:.2rem 0 .6rem .9rem;grid-auto-flow:row;gap:.9rem;min-width:0}
  #hisar-hajj .sitenav .has-sub.open .sub{display:grid}
  #hisar-hajj .sitenav .sub a{white-space:normal}
  #hisar-hajj .navlogin{padding-top:.5rem}
}

/* ---- who-does-what diagram ---- */
/* ---- character in the pre-registration success state ---- */
#hisar-hajj .succ-guide{width:120px;height:120px;border-radius:50%;object-fit:cover;object-position:50% 10%;
  background:#DCEAF2;margin:0 auto .9rem;display:block;box-shadow:0 0 0 1px rgba(203,164,85,.45),0 14px 30px -18px rgba(7,20,40,.7)}

/* ---- unified site footer (identical on all four Hajj pages) ---- */
#hisar-hajj .sitefoot{background:var(--ink);color:rgba(245,250,252,.72);padding:3rem 0 2rem;font-size:.88rem}
#hisar-hajj .sitefoot .fcols{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
#hisar-hajj .sitefoot h4,#hisar-hajj .sitefoot h3.fh{color:var(--gold-2);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;margin:0 0 .8rem;font-weight:700}
#hisar-hajj .sitefoot a{color:rgba(245,250,252,.82);text-decoration:none;display:block;padding:.22rem 0}
#hisar-hajj .sitefoot a:hover{color:#fff}
#hisar-hajj .sitefoot p{margin:0}
#hisar-hajj .sitefoot .fnote{margin-top:2rem;border-top:1px solid rgba(245,250,252,.15);padding-top:1.2rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.78rem;color:rgba(245,250,252,.55)}
#hisar-hajj .sitefoot .fnote span{max-width:62ch}

/* ---- 30-second explainer inside the free-vs-paid module (canonical copy lives on /hajj/support/) ---- */
#hisar-hajj .hubvid{margin-top:2.2rem;display:grid;gap:1.6rem;align-items:center;grid-template-columns:1fr}
/* 1.3.1: the clip and its poster are VERTICAL (720x1280). A 16/9 frame cut the
   advisor's face in half, so the player is a phone-shaped 9/16 frame on every
   width — the same shape /hajj/support/ uses for the canonical copy. */
@media(min-width:900px){#hisar-hajj .hubvid{grid-template-columns:minmax(0,300px) minmax(0,1fr)}}
#hisar-hajj .hubvid-frame{position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(203,164,85,.34);
  background:#04101F;aspect-ratio:9/16;width:100%;max-width:300px;margin-inline:auto;box-shadow:0 30px 60px -44px rgba(7,26,51,.7)}
#hisar-hajj .hubvid-frame video{width:100%;height:100%;display:block;object-fit:cover;background:#04101F}
#hisar-hajj .hubvid-say h3{font-size:1.08rem;margin:0 0 .5rem}
#hisar-hajj .hubvid-say p{font-size:.95rem;color:var(--muted,#4A6076);margin:0 0 .9rem;max-width:44ch}
#hisar-hajj .hubvid-say .hv-k{display:grid;gap:.4rem;margin:0 0 1rem;padding:0;list-style:none;font-size:.9rem}
#hisar-hajj .hubvid-say .hv-k li{display:grid;grid-template-columns:16px 1fr;gap:.6rem;align-items:start}
#hisar-hajj .hubvid-say .hv-k li::before{content:"";width:8px;height:8px;border-radius:50%;background:#CBA455;margin-top:.42rem}
@media(max-width:899px){#hisar-hajj .hubvid-frame{max-width:280px}}

/* one voice at the point of decision; the full wall of reviews stays below the form */
#hisar-hajj .reg-voice{margin:1.4rem 0 0;padding:1rem 1.2rem;border-left:3px solid var(--gold-2);
  background:rgba(234,242,247,.06);border-radius:0 12px 12px 0}
#hisar-hajj .reg-voice p{margin:0 0 .55rem;font-size:.96rem;line-height:1.55;color:rgba(234,242,247,.9)}
#hisar-hajj .reg-voice cite{font-style:normal;font-size:.78rem;color:rgba(234,242,247,.6)}
#hisar-hajj .reg-voice cite a{color:var(--gold-2);text-decoration:none}
#hisar-hajj .reg-voice cite a:hover{text-decoration:underline}


/* SHARED HAJJ DESIGN SYSTEM — VERSION 2.0 — generated identically */
#hisar-hajj{--ink:#081F38;--ink-2:#103551;--pine:#123D60;--pine-2:#175A74;--turq:#087F83;--turq-2:#55D6CF;--turq-deep:#087F83;--gold:#C9A24B;--gold-2:#E7D095;--gold-deep:#7E5F18;--gold-ink:#7E5F18;--gold-bright:#F0DEAA;--ivory:#F5FAFC;--paper:#FFFFFF;--white:#FFFFFF;--rad:14px;--shadow:0 20px 45px -25px rgba(7,26,51,.4)}
#hisar-hajj{scroll-padding-top:calc(var(--hisar-chrome,130px) + 16px)}
#hisar-hajj .topbar{background:#071A33;color:#F5FAFC;font-size:.82rem}
#hisar-hajj .topbar .wrap{width:min(1180px,92vw);display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0;flex-wrap:wrap}
#hisar-hajj .topbar .tb-left{display:flex;gap:1.4rem;flex-wrap:wrap;align-items:center}
#hisar-hajj .topbar a,#hisar-hajj .topbar strong{color:#E8D296;text-decoration:none;font-weight:600}
#hisar-hajj .stickywrap{position:sticky;top:var(--hisar-admin,0px);z-index:70}
#hisar-hajj header.site{position:relative;top:0;z-index:3;background:rgba(245,250,252,.97);border-bottom:1px solid rgba(7,26,51,.1);backdrop-filter:blur(12px)}
#hisar-hajj header.site .nav{width:min(1180px,92vw);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 0}
#hisar-hajj header.site .logo{height:52px;width:176px;object-fit:contain}
#hisar-hajj header.site .brand{display:flex;flex-shrink:0}
#hisar-hajj header.site .sitenav{display:flex;align-items:center;gap:1.35rem}
#hisar-hajj header.site .sitenav a{font-size:.92rem;text-decoration:none;color:#071A33}
#hisar-hajj header.site .sitenav .topitem{display:inline-flex;align-items:center;gap:.32rem;min-height:44px}
#hisar-hajj header.site .has-sub{position:relative}
#hisar-hajj header.site .sub{position:absolute;top:100%;left:-1rem;display:grid;grid-auto-flow:column;gap:1.6rem;background:#071A33;border:1px solid rgba(232,210,150,.25);border-radius:14px;padding:1.15rem 1.35rem;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-6px);min-width:250px}
#hisar-hajj header.site .has-sub:hover .sub,#hisar-hajj header.site .has-sub:focus-within .sub{opacity:1;visibility:visible;transform:none}
#hisar-hajj header.site .subcol{display:flex;flex-direction:column;min-width:185px;gap:.15rem}
#hisar-hajj header.site .subcol h5{font-size:.78rem;color:#E8D296;letter-spacing:.08em;margin:0 0 .5rem}
#hisar-hajj header.site .sub a{color:#F5FAFC;font-size:.88rem;white-space:normal;min-height:36px;padding:.4rem .25rem}
#hisar-hajj header.site .sub a:hover,#hisar-hajj header.site .sub a:focus-visible{background:#0C2647 !important;color:#E8D296 !important}
#hisar-hajj header.site .has-sub:nth-last-of-type(-n+2) .sub{left:auto;right:0}
#hisar-hajj header.site .btn{font-size:.9rem;padding:.8rem 1.2rem;white-space:nowrap;min-height:44px}
#hisar-hajj header.site .menu-toggle{display:none;min-width:44px;min-height:44px}
#hisar-hajj .hajjbar{background:#071A33;color:#F5FAFC;position:relative;z-index:1;border-bottom:1px solid rgba(232,210,150,.22)}
#hisar-hajj .hajjbar .wrap{width:min(1180px,92vw);display:flex;align-items:center;gap:1rem}
#hisar-hajj .hajjbar .hb-label{font-size:.75rem;color:#E8D296;white-space:nowrap}
#hisar-hajj .hajjbar .hb-links{display:flex;gap:1.5rem;flex:1;overflow-x:auto}
#hisar-hajj .hajjbar a{font-size:.9rem;font-weight:700;text-decoration:none;white-space:nowrap;min-height:44px;padding:.72rem 0;color:#F5FAFC}
#hisar-hajj .hajjbar a.active,#hisar-hajj .hajjbar .hb-cta{color:#E8D296}
#hisar-hajj .hajjbar a.active::after{background:#CBA455}
#hisar-hajj :focus-visible{outline:3px solid #7E5F18 !important;outline-offset:4px !important}
#hisar-hajj .on-dark :focus-visible,#hisar-hajj .hajjbar :focus-visible,#hisar-hajj header.site .sub :focus-visible{outline-color:#E8D296 !important}
#hisar-hajj button,#hisar-hajj input,#hisar-hajj select,#hisar-hajj textarea{font-family:inherit !important}
#hisar-hajj .btn,#hisar-hajj .step-link,#hisar-hajj .nq-opt,#hisar-hajj summary{min-height:44px}
#hisar-hajj .hero .h1-sub{display:block}
#hisar-hajj .support-subtitle{display:block;font-size:clamp(1.15rem,2vw,1.6rem);line-height:1.45;color:#E8D296;margin:1rem 0}
#hisar-hajj .hero-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-4;opacity:.62}
@media(min-width:1180px){#hisar-hajj #steps .steps-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}#hisar-hajj #steps .step{padding:1.65rem 1.25rem}}
@media(min-width:768px) and (max-width:1179px){#hisar-hajj #steps .steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){#hisar-hajj #steps .steps-grid{grid-template-columns:1fr}}
@media(max-width:1100px){#hisar-hajj header.site .sitenav{gap:.85rem}#hisar-hajj header.site .nav>.sitenav~div>.btn{display:none}}
@media(max-width:900px){#hisar-hajj header.site .menu-toggle{display:block}#hisar-hajj header.site .sitenav{display:none;position:absolute;top:100%;left:0;right:0;background:#F5FAFC;padding:1rem 4vw;max-height:65vh;overflow-y:auto;align-items:stretch;flex-direction:column;gap:.3rem}#hisar-hajj header.site .sitenav.open{display:flex}#hisar-hajj header.site .has-sub{width:100%}#hisar-hajj header.site .topitem{width:100%;justify-content:space-between}#hisar-hajj header.site .sub{position:static;display:none;opacity:1;visibility:visible;transform:none;grid-auto-flow:row;min-width:0;box-shadow:none;border-radius:10px;padding:.75rem 1rem;gap:.75rem}#hisar-hajj header.site .has-sub.open .sub{display:grid}#hisar-hajj .hajjbar .hb-label,#hisar-hajj .hajjbar .hb-cta{display:none}#hisar-hajj .hajjbar .hb-links{gap:1.3rem;justify-content:space-between}#hisar-hajj .topbar .tb-right{display:none}#hisar-hajj .topbar .wrap{justify-content:center}#hisar-hajj .topbar .tb-left{justify-content:center;gap:.25rem 1rem}#hisar-hajj .topbar .lbl{display:none}}
@media(prefers-reduced-motion:reduce){#hisar-hajj *,#hisar-hajj *::before,#hisar-hajj *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Contrast corrections for light surfaces and gold badges. */
#hisar-hajj .btn-ghost{color:#7E5F18}#hisar-hajj .btn-ghost:hover{color:#7E5F18}#hisar-hajj .hero .btn-ghost,#hisar-hajj .on-dark .btn-ghost,#hisar-hajj .award .btn-ghost,#hisar-hajj .register .btn-ghost,#hisar-hajj .final .btn-ghost,#hisar-hajj .finale .btn-ghost,#hisar-hajj .help-band .btn-ghost{color:#E8D296}#hisar-hajj .t-item .now{color:#071A33;font-size:.75rem}#hisar-hajj .nq-sec .btn-ghost{color:#E8D296}

/* REFINEMENT V2 — shared visual layer; existing application logic is preserved. */
#hisar-hajj{background:#fff}
#hisar-hajj header.site{background:rgba(255,255,255,.97);border-bottom-color:#DCE8EC}
#hisar-hajj header.site .sitenav a:hover{color:var(--turq-deep)}
#hisar-hajj header.site .sub a:hover,#hisar-hajj header.site .sub a:focus-visible{color:var(--turq-2) !important;background:var(--ink-2) !important}
#hisar-hajj .hajjbar a.active{color:var(--turq-2)}
#hisar-hajj .hajjbar a.active::after{background:var(--turq-2)}
#hisar-hajj .hero.on-dark,#hisar-hajj .quiz-band,#hisar-hajj .atlas-band,#hisar-hajj .tl-band{background:radial-gradient(ellipse at 90% 0%,rgba(8,127,131,.24),transparent 58%),linear-gradient(125deg,#081F38,#123D60 72%,#104753)}
#hisar-hajj .hero-tint{background:linear-gradient(90deg,rgba(8,31,56,.94),rgba(8,31,56,.75) 36%,rgba(8,31,56,.28)),linear-gradient(180deg,rgba(8,31,56,.15),rgba(8,31,56,.65))}
#hisar-hajj .hero::after{box-shadow:inset 0 -50px 80px -50px rgba(8,31,56,.7)}
#hisar-hajj .hero h1 .yr{animation:none;background-size:100% auto}
#hisar-hajj .hero .h1-sub,#hisar-hajj .support-subtitle{color:var(--turq-2)}
#hisar-hajj .hero .skyline{opacity:.48}
/* Motifs stay on the outside edge; never compete with text, forms or maps. */
#hisar-hajj .grain{display:none}
#hisar-hajj .hero .grain,#hisar-hajj .award .grain,#hisar-hajj .improved .grain{display:block;left:auto;right:0;top:0;bottom:auto;width:36%;height:100%;opacity:.26;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000);-webkit-mask-image:linear-gradient(90deg,transparent,#000)}
#hisar-hajj .hero .grain{z-index:0}
#hisar-hajj .hero-ready{background:linear-gradient(145deg,rgba(18,61,96,.78),rgba(8,31,56,.88));border-color:rgba(85,214,207,.3)}
#hisar-hajj .hero-note,#hisar-hajj .hero-ready .caption{color:#C5D8E3}
#hisar-hajj .band.tint,#hisar-hajj .est-section,#hisar-hajj .helplevels,#hisar-hajj .care-sec{background:#F2F8F9}
#hisar-hajj .nq-sec{background:linear-gradient(180deg,#fff,#EFF7F8);color:var(--text)}
#hisar-hajj .btn{line-height:1.35;text-align:center}
#hisar-hajj .btn-gold{background:linear-gradient(115deg,#F0DEAA,#C9A24B);color:#241A09;box-shadow:0 8px 20px -13px rgba(126,95,24,.6)}
#hisar-hajj .btn-gold:hover{background:linear-gradient(115deg,#F5E6C0,#D3AF60);box-shadow:0 10px 24px -14px rgba(126,95,24,.7)}
#hisar-hajj .btn-ghost,#hisar-hajj .btn-ghost:hover{color:var(--turq-deep);border-color:var(--turq-deep)}
#hisar-hajj .hero .btn-ghost,#hisar-hajj .on-dark .btn-ghost,#hisar-hajj .award .btn-ghost,#hisar-hajj .register .btn-ghost,#hisar-hajj .final .btn-ghost,#hisar-hajj .finale .btn-ghost,#hisar-hajj .help-band .btn-ghost,#hisar-hajj .bar .btn-ghost{color:var(--turq-2);border-color:rgba(85,214,207,.65)}
#hisar-hajj .hero .btn-ghost:hover,#hisar-hajj .on-dark .btn-ghost:hover{background:rgba(85,214,207,.09)}
#hisar-hajj .nq-sec .btn-ghost{color:var(--turq-deep);border-color:var(--turq-deep)}
#hisar-hajj :focus-visible{outline:3px solid var(--turq-deep) !important;outline-offset:4px !important}
#hisar-hajj .on-dark :focus-visible,#hisar-hajj .hero :focus-visible,#hisar-hajj .hajjbar :focus-visible{outline-color:var(--turq-2) !important}
#hisar-hajj .seg button,#hisar-hajj .q-opt,#hisar-hajj .nq-opt,#hisar-hajj .jr-leg,#hisar-hajj .jr-chips button,#hisar-hajj .jr-seg button{min-height:44px}
#hisar-hajj .seg button:hover{border-color:var(--turq-deep)}
#hisar-hajj .seg button.sel{background:var(--turq-deep);border-color:var(--turq-deep);color:#fff}
#hisar-hajj .nq-opt:hover{border-color:var(--turq-deep);background:#EDF8F7;transform:none}
#hisar-hajj .nq-dots i.on{background:var(--turq-deep)}
#hisar-hajj .nq-verdict.free{background:#E2F3F1;color:#09676C}
#hisar-hajj .nq-verdict.setup{background:#E5F2F5;color:#103551}
#hisar-hajj .nq-verdict.conc{background:#F0DEAA;color:#241A09}
#hisar-hajj .q-opt:hover,#hisar-hajj .q-opt.sel,#hisar-hajj .jr-leg[aria-pressed="true"],#hisar-hajj .jr-chips button[aria-pressed="true"]{border-color:var(--turq-2);background:rgba(85,214,207,.1)}
#hisar-hajj .jr-seg button[aria-pressed="true"]{background:var(--turq-2);color:var(--ink)}
#hisar-hajj .q-dot.on{background:var(--turq-2)}
#hisar-hajj .jr-leg.madinah{border-left-color:var(--turq-2)}
#hisar-hajj .jr-leg.makkah{border-left-color:var(--gold-2)}
#hisar-hajj .jr-rites{background:#F0DEAA;color:#241A09}
#hisar-hajj .estbar.b-camp .eb-fill{background:var(--turq-2)}
#hisar-hajj .estbar.b-flight .eb-fill{background:#84B5DF}
#hisar-hajj .est-people button{min-width:44px;min-height:44px}
#hisar-hajj .est-output{background:linear-gradient(145deg,#123D60,#081F38)}
#hisar-hajj .est-output .est-note,#hisar-hajj .jr-note,#hisar-hajj .jr-group>span,#hisar-hajj .jr-flight,#hisar-hajj .q-back{color:#BDCFDC}
#hisar-hajj .est-output .total{font-size:clamp(1.65rem,3.6vw,2.45rem);line-height:1.25;overflow-wrap:anywhere}
#hisar-hajj .sp .ftag.opt{color:var(--turq-deep);border-color:#A6D4D4;background:#EDF8F7}
#hisar-hajj .ftag,#hisar-hajj .ctag,#hisar-hajj .pill-2026,#hisar-hajj .pill-tba,#hisar-hajj .price-box .plabel,#hisar-hajj .pk .pref>span{font-size:.7rem;letter-spacing:.06em;white-space:normal}
#hisar-hajj .pkg-cta{align-items:stretch}
#hisar-hajj .pkg-cta .btn{min-height:52px;line-height:1.35}
#hisar-hajj .btn-copy[disabled]{background:#E8EEF2;color:#53687A;opacity:1}
#hisar-hajj .pay-unset{background:#E8EEF2!important;color:#53687A!important;border-color:#CCD9E1;opacity:1;filter:none;box-shadow:none;transform:none!important}
#hisar-hajj .a-ringlbl{fill:#B1C8D8}#hisar-hajj .a-dotsub{fill:#CDDFE9}
#hisar-hajj .t-item .now{background:var(--turq-2);color:var(--ink)}
#hisar-hajj .count .cl,#hisar-hajj .cd span{color:#BDCFDC;font-size:.7rem;letter-spacing:.08em}
#hisar-hajj .orbit .lbl{fill:#BDD1DF}
#hisar-hajj .ribbon{background:#F6F9FA;color:var(--ink);border-bottom:1px solid #DCE8EC}
#hisar-hajj .ribbon .tag{background:var(--ink);color:var(--gold-2)}
@media(max-width:900px){#hisar-hajj header.site .sitenav{background:#fff}#hisar-hajj .hero .grain{width:55%;opacity:.18}}
@media(max-width:540px){#hisar-hajj .pkg-cta{flex-direction:column}#hisar-hajj .hero .skyline{opacity:.3}#hisar-hajj .est-output .total{font-size:1.65rem}#hisar-hajj .hero-cta .btn{min-height:48px}#hisar-hajj .count{gap:.8rem}#hisar-hajj .cd div{min-width:48px}}
@media(prefers-reduced-motion:reduce){#hisar-hajj *,#hisar-hajj *::before,#hisar-hajj *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* V3: one explicit hero motif layer on every main page. */
#hisar-hajj .hero{background:linear-gradient(120deg,#081F38 0%,#123D60 60%,#0D6067 100%)}
#hisar-hajj .hero-tint{background:linear-gradient(100deg,rgba(8,31,56,.92) 0%,rgba(18,61,96,.70) 48%,rgba(8,127,131,.32) 100%)}
#hisar-hajj .hero::after{box-shadow:inset 0 -45px 70px -55px rgba(8,31,56,.65)}
#hisar-hajj .hero .grain{display:none}
#hisar-hajj .hero::before{content:"";position:absolute;right:0;top:0;width:48%;height:100%;z-index:1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120%22%20height%3D%22120%22%20viewBox%3D%220%200%20120%20120%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23E7D095%22%20stroke-width%3D%220.8%22%20opacity%3D%220.6%22%3E%3Cpath%20d%3D%22M60%200%20Q60%2030%2030%2030%20Q30%2060%200%2060%20Q30%2060%2030%2090%20Q60%2090%2060%20120%20Q60%2090%2090%2090%20Q90%2060%20120%2060%20Q90%2060%2090%2030%20Q60%2030%2060%200Z%22%2F%3E%3Cpath%20d%3D%22M0%200%20L60%2060%20L120%200%20M0%20120%20L60%2060%20L120%20120%22%20opacity%3D%220.48%22%2F%3E%3Cpath%20d%3D%22M60%2013%20Q57%2040%2040%2040%20Q40%2057%2013%2060%20Q40%2063%2040%2080%20Q57%2080%2060%20107%20Q63%2080%2080%2080%20Q80%2063%20107%2060%20Q80%2057%2080%2040%20Q63%2040%2060%2013Z%22%20opacity%3D%220.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-size:120px 120px;opacity:.42;mask-image:linear-gradient(90deg,transparent,#000 48%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 48%)}
#hisar-hajj .hero .wrap{position:relative;z-index:2}
#hisar-hajj .hero .mk-back{opacity:.35}
#hisar-hajj .divider{height:32px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120%22%20height%3D%22120%22%20viewBox%3D%220%200%20120%20120%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23E7D095%22%20stroke-width%3D%220.8%22%20opacity%3D%220.6%22%3E%3Cpath%20d%3D%22M60%200%20Q60%2030%2030%2030%20Q30%2060%200%2060%20Q30%2060%2030%2090%20Q60%2090%2060%20120%20Q60%2090%2090%2090%20Q90%2060%20120%2060%20Q90%2060%2090%2030%20Q60%2030%2060%200Z%22%2F%3E%3Cpath%20d%3D%22M0%200%20L60%2060%20L120%200%20M0%20120%20L60%2060%20L120%20120%22%20opacity%3D%220.48%22%2F%3E%3Cpath%20d%3D%22M60%2013%20Q57%2040%2040%2040%20Q40%2057%2013%2060%20Q40%2063%2040%2080%20Q57%2080%2060%20107%20Q63%2080%2080%2080%20Q80%2063%20107%2060%20Q80%2057%2080%2040%20Q63%2040%2060%2013Z%22%20opacity%3D%220.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-size:56px 56px;opacity:.6}
@media(max-width:767px){#hisar-hajj .hero::before{width:66%;opacity:.24}#hisar-hajj .hero .mk-back{opacity:.25}}


/* V4 FINAL — measured editorial typography, visual balance and knowledge-silo layer. */
#hisar-hajj .section-head{max-width:none}
#hisar-hajj .section-head p{max-width:62ch;margin-inline:auto}
#hisar-hajj .section-head h2{max-width:min(1080px,94vw);margin-inline:auto;text-wrap:pretty}
#hisar-hajj .card h3,#hisar-hajj .step h3,#hisar-hajj .pkg-row h3,#hisar-hajj .pkg h3,#hisar-hajj .care-card h3,#hisar-hajj .sem-week h3,#hisar-hajj .res-item h3{ text-wrap:pretty }
#hisar-hajj .hero h1{font-size:clamp(3rem,6.5vw,5.6rem);text-wrap:pretty}
#hisar-hajj .hero h1 .yr{background:linear-gradient(100deg,var(--gold) 35%,var(--gold-bright) 50%,var(--gold) 65%);background-size:100% auto;animation:none}
#hisar-hajj .hero .wrap{padding-top:clamp(2.6rem,5vw,4rem);padding-bottom:clamp(2.6rem,5vw,4rem)}
#hisar-hajj .orbit{width:min(500px,82vw);max-width:100%}

/* Content discovery: useful internal links, not a keyword cloud. */
#hisar-hajj .knowledge-hub{background:linear-gradient(180deg,#fff,#F4F9FA);border-top:1px solid #DCE8EC;border-bottom:1px solid #DCE8EC}
#hisar-hajj .knowledge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem}
#hisar-hajj .knowledge-card{position:relative;display:flex;flex-direction:column;gap:.52rem;min-height:150px;padding:1.25rem 1.3rem 1.2rem;border:1px solid #D8E6EA;border-radius:18px;background:#fff;color:var(--text);text-decoration:none;box-shadow:0 10px 30px -28px rgba(8,31,56,.55);overflow:hidden;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
#hisar-hajj .knowledge-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--turq),var(--gold))}
#hisar-hajj .knowledge-card:hover{transform:translateY(-2px);border-color:#A9CED1;box-shadow:0 16px 34px -25px rgba(8,31,56,.5)}
#hisar-hajj .knowledge-card b{color:var(--ink);font-size:1.02rem;line-height:1.35;text-wrap:pretty}
#hisar-hajj .knowledge-card span{color:var(--muted);font-size:.9rem;line-height:1.55}
#hisar-hajj .knowledge-card em{margin-top:auto;color:var(--turq-deep);font-style:normal;font-weight:800;font-size:.82rem;letter-spacing:.01em}

/* Preparation should carry the same turquoise/gold identity as the rest of the system. */
body.page-hajj-preparation #hisar-hajj .phase{border-left:3px solid var(--turq);box-shadow:0 10px 30px -28px rgba(8,127,131,.45)}
body.page-hajj-preparation #hisar-hajj .phase[open]{border-left-color:var(--gold)}
body.page-hajj-preparation #hisar-hajj .day{border-top:3px solid var(--turq)}
body.page-hajj-preparation #hisar-hajj .res-item{border-left:3px solid rgba(8,127,131,.42)}
body.page-hajj-preparation #hisar-hajj .res-item:hover{border-left-color:var(--turq)}
body.page-hajj-preparation #hisar-hajj h2.sec::after{content:"";display:block;width:64px;height:3px;margin:.75rem auto 0;border-radius:9px;background:linear-gradient(90deg,var(--turq),var(--gold))}

@media(max-width:900px){#hisar-hajj .knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#hisar-hajj .hero .wrap{padding-bottom:clamp(2.4rem,5vw,3.5rem)}}
@media(max-width:600px){#hisar-hajj .knowledge-grid{grid-template-columns:1fr}#hisar-hajj .knowledge-card{min-height:0}#hisar-hajj .hero h1{font-size:clamp(2.8rem,13vw,4.35rem)}}

#hisar-hajj #explainerVid,#hisar-hajj #hubvid{aspect-ratio:9/16;width:100%;height:auto}#hisar-hajj .vwrap{aspect-ratio:9/16;max-width:420px;margin-inline:auto}

/* ============================================================
   V5.1 HOTFIX — WordPress-safe Hajj 2027 metallic text + hero video
   1) Restores the moving metallic sweep on 2027.
   2) Uses a solid-gold fallback so background-clip can NEVER become a gold box.
   3) Restores the Hajj hub atmosphere video with a lighter overlay.
   ============================================================ */
#hisar-hajj .hero h1 .yr{
  display:inline-block!important;
  background:none!important;
  color:#D7B45C!important;
  -webkit-text-fill-color:#D7B45C!important;
  filter:drop-shadow(0 2px 9px rgba(201,162,75,.10));
}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  #hisar-hajj .hero h1 .yr{
    background-image:linear-gradient(108deg,
      #9D7120 0%,
      #C99F45 18%,
      #E5C975 34%,
      #FFF0B6 46%,
      #D6A94B 58%,
      #A87420 76%,
      #E3C46E 100%)!important;
    background-size:280% 100%!important;
    background-repeat:no-repeat!important;
    background-position:220% 50%;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    color:transparent!important;
    -webkit-text-fill-color:transparent!important;
    animation:hajjYearMetalSweep 5.6s cubic-bezier(.45,0,.18,1) infinite!important;
    filter:drop-shadow(0 2px 10px rgba(231,208,149,.12));
  }
}
@keyframes hajjYearMetalSweep{
  0%,14%{background-position:220% 50%;filter:drop-shadow(0 2px 9px rgba(231,208,149,.08))}
  46%{background-position:48% 50%;filter:drop-shadow(0 2px 14px rgba(255,235,174,.26))}
  72%,100%{background-position:-120% 50%;filter:drop-shadow(0 2px 9px rgba(231,208,149,.10))}
}
/* Hero film should be visible, but copy remains the priority. */
body.page-hajj-hub #hisar-hajj .hero-tint{
  background:
    linear-gradient(90deg,rgba(8,31,56,.93) 0%,rgba(8,31,56,.78) 34%,rgba(8,31,56,.42) 66%,rgba(8,31,56,.24) 100%),
    linear-gradient(180deg,rgba(8,31,56,.22),rgba(8,31,56,.58))!important;
}
body.page-hajj-hub #hisar-hajj .hero-video{opacity:.72!important;filter:saturate(1.10) contrast(1.04) brightness(.96)!important}
body.page-hajj-hub #hisar-hajj .hero-poster{opacity:.70!important}
@media (prefers-reduced-motion:reduce){
  #hisar-hajj .hero h1 .yr{animation:none!important;background-position:50% 50%!important}
  body.page-hajj-hub #hisar-hajj .hero-video{display:none!important}
}


/* ============================================================
   V5 EDITORIAL TYPOGRAPHY — measured, browser-verified
   Problem: the paragraph reading measure (62–70ch) was applied to the
   heading container, so display headings were squeezed and broke into a
   long line + a short stub line.
   Fix: the measure stays on the paragraph; headings get their own,
   wider measure; anything that still must wrap wraps into EVEN lines.
   Selectors are self-doubled so they win regardless of where this block
   is inserted. No layout, colour, content or script is touched.
   ============================================================ */

/* 1 — a heading that must wrap, wraps evenly (never a one-word stub line).
      Written with real specificity so it overrides the earlier `pretty` rules. */
#hisar-hajj h1,#hisar-hajj h2,#hisar-hajj h3,#hisar-hajj h4{text-wrap:balance}

/* 2 — Hisar pages: free the section heading from the paragraph measure */
#hisar-hajj .section-head.section-head,#hisar-hajj .sec-head.sec-head,#hisar-hajj .band-head.band-head{max-width:none}
#hisar-hajj .section-head.section-head>p,#hisar-hajj .sec-head.sec-head>p,#hisar-hajj .band-head.band-head>p,
#hisar-hajj .section-head.section-head>.lede,#hisar-hajj .sec-head.sec-head>.lede{max-width:64ch;margin-inline:auto}
#hisar-hajj .section-head.section-head>h2,#hisar-hajj .sec-head.sec-head>h2,#hisar-hajj .band-head.band-head>h2{
  max-width:min(1180px,94vw);margin-inline:auto;
  font-size:clamp(1.95rem,3.9vw,2.95rem);
  text-wrap:balance}

/* 3 — community (partner) pages: same cap, different class name */
#hisar-hajj .hj27-hd.hj27-hd{max-width:none}
#hisar-hajj .hj27-hd.hj27-hd>p,#hisar-hajj .hj27-hd.hj27-hd>.hj27-lede{max-width:64ch;margin-inline:auto}
#hisar-hajj .hj27-hd.hj27-hd>h2{
  max-width:min(1120px,94vw);margin-inline:auto;
  font-size:clamp(1.75rem,3.2vw,2.35rem);
  text-wrap:balance}

/* 4 — the paragraph measure stays where it belongs elsewhere too */
#hisar-hajj .standfirst,#hisar-hajj .nq-lede{max-width:64ch;margin-inline:auto}


/* v6 mobile touch-target pass — WCAG 2.5.8 with headroom, no layout change on desktop */
@media (max-width:640px){
  #hisar-hajj .sitefoot .fcols a{padding-block:.62rem}
  #hisar-hajj .hchip.hchip{min-height:44px;padding-block:.55rem}
  #hisar-hajj .achip.achip{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  #hisar-hajj .topbar .tb-left a{display:inline-flex;align-items:center;min-height:40px}
  #hisar-hajj .tip>button.tip>button,#hisar-hajj .tip>button{width:32px;height:32px;line-height:32px;font-size:.8rem}
  #hisar-hajj .tipbtn.tipbtn,#hisar-hajj .tip-wrap>button{min-width:32px;min-height:32px;display:inline-flex;align-items:center;justify-content:center}
  #hisar-hajj input:not([type=hidden]):not([type=range]):not([type=checkbox]):not([type=radio]),
  #hisar-hajj select,#hisar-hajj textarea{font-size:16px}
}


/* v7 — phones: one sticky bar, not three. Header scrolls away, the Hajj
   section bar sticks, the bottom dock keeps the actions. */
@media (max-width:640px){
  #hisar-hajj .stickywrap.stickywrap{display:contents}
  #hisar-hajj .hajjbar.hajjbar{position:sticky;top:var(--hisar-admin,0px);z-index:70}
  #hisar-hajj{scroll-padding-top:calc(var(--hisar-admin,0px) + 66px)}
  #hisar-hajj .pk-nav.pk-nav{position:static;top:auto}
  body.page-hajj-support #hisar-hajj .hero h1,body.page-hajj-preparation #hisar-hajj .hero h1,
  body.support #hisar-hajj .hero h1,body.preparation #hisar-hajj .hero h1{font-size:clamp(1.85rem,7.4vw,2.5rem);line-height:1.12;text-wrap:balance}
}


#hisar-hajj .notes{background:var(--ink,#081F38);color:rgba(245,250,252,.66);padding:2.2rem 0;font-size:.84rem;line-height:1.55}
#hisar-hajj .notes h2{color:rgba(245,250,252,.9);font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;margin:0 0 .9rem;font-weight:700}
#hisar-hajj .notes ol{margin:0;padding-left:1.15rem;display:grid;gap:.5rem;max-width:88ch}
#hisar-hajj .notes li::marker{color:var(--gold-2,#E7D095)}
#hisar-hajj .notes a{color:var(--turq-2,#55D6CF)}
#hisar-hajj sup.fnm{font-size:.62em;line-height:0;vertical-align:.55em;margin-left:.15em}
#hisar-hajj sup.fnm a{color:inherit;text-decoration:none;border-bottom:1px dotted currentColor}


/* ── v8 controlled refinement · additive & reversible (delete this block to revert) ──
   R1  Hajj bar: "Support" was clipped (340px content in a 328px box @390, 302px @360).
       Keeps the same markup, overflow-x and order; only reclaims side padding + gap. */
@media (max-width:560px){
  #hisar-hajj .hajjbar .wrap{width:100%;padding-inline:3vw}
  #hisar-hajj .hajjbar .hb-links{gap:clamp(.7rem,3.4vw,1.3rem)}
}


/* ── v8 UX Engine düzeltmesi · eklemeli, geri alınabilir ───────────────
   WCAG 2.5.8 · dipnot işaretleri (¹²³⁴) mobilde 4x8px ölçüldü.
   Görünmez 24x24 tıklama alanı; üst simge görünümü ve metin akışı aynı. */
#hisar-hajj .fnm a{position:relative}
#hisar-hajj .fnm a::after{content:"";position:absolute;left:50%;top:50%;
  width:24px;height:24px;transform:translate(-50%,-50%)}

/* form-ux · 11 alan tek blokta ve gruplanmamıştı (7-alan kuralı). Üç mantıksal
   gruba ayrıldı; fieldset tarayıcı varsayılanı (kenarlık, iç boşluk, intrinsic
   min-width) sıfırlanıyor — min-inline-size olmadan grid çocukları taşıyor. */
#hisar-hajj .reg-form .fs{border:0;margin:0 0 1.6rem;padding:0;min-inline-size:0}
#hisar-hajj .reg-form .fs:last-of-type{margin-bottom:1.1rem}
#hisar-hajj .reg-form legend{padding:0;margin:0 0 .8rem;font-size:.68rem;font-weight:800;
  letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep)}
/* Zorunluyu yıldızla işaretlemek yerine istisnayı işaretliyoruz (form-ux). */
#hisar-hajj .reg-form .opt{font-weight:500;color:var(--muted)}

/* information-hierarchy · "Registration essentials" kartlarında başlık/gövde
   oranı 19.52/18.56 = 1.05x idi; asgari 1.25x. 1.45rem = 23.2px -> 1.25x. */
#hisar-hajj .gcard h3{font-size:1.45rem}


/* ── "How Hajj 2027 registration works" ─────────────────────────────────
   Character (see DESIGN.md §9):
     Type   · the step number is display scale (2.6rem) against 0.96rem body,
              ~2.7x. The old 46px bordered circle held 1.05rem text and read as
              a badge, not as a position in a sequence.
     Color  · gold = Hisar's two steps, turquoise = the three only the pilgrim
              can take on Nusuk. Semantic, not decorative: this is the one thing
              the deleted SVG said that the cards did not.
     Space  · compressed inside a step (.5rem label to title), released between
              lanes (4rem). The contrast is what reads as deliberate.
     Finish · ONE separation language: a 3px lane-coloured rule on the inline
              start. No card border, no shadow, no gradient top bar, no hover
              lift. The previous card carried all three at once, which is the
              signature of no decision having been made — and the lift implied
              the whole card was clickable when only the link is.
   ------------------------------------------------------------------------ */
#hisar-hajj .flow{display:grid;gap:4rem;margin-top:.5rem}
/* .lane is a <section>, so it inherited the page's 6.2rem section padding and
   opened a 99px hole under each lane. The rhythm here is set by .flow's gap. */
#hisar-hajj .lane{padding:0;margin:0}
#hisar-hajj .lane-head{margin-bottom:1.5rem}
#hisar-hajj .lane-h{font-size:.74rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;
  margin:0 0 .35rem;display:flex;align-items:center;gap:.6rem}
#hisar-hajj .lane-h::before{content:"";width:26px;height:3px;border-radius:2px;background:currentColor;flex:none}
#hisar-hajj .lane-hisar .lane-h{color:var(--gold-deep)}
#hisar-hajj .lane-nusuk .lane-h{color:var(--turq-deep)}
#hisar-hajj .lane-sub{margin:0;color:var(--muted);font-size:1.02rem}

#hisar-hajj .lane-steps{list-style:none;margin:0;padding:0;display:grid;gap:1.6rem}
#hisar-hajj .lane-hisar .lane-steps{grid-template-columns:repeat(2,1fr)}
#hisar-hajj .lane-nusuk .lane-steps{grid-template-columns:repeat(3,1fr)}

#hisar-hajj .fstep{display:grid;grid-template-columns:auto 1fr;gap:1.1rem;
  padding:.15rem 0 .15rem 1.25rem;border-inline-start:3px solid var(--line);
  transition:border-color .35s var(--ease-out)}
#hisar-hajj .lane-hisar .fstep{border-inline-start-color:rgba(201,162,75,.55)}
#hisar-hajj .lane-nusuk .fstep{border-inline-start-color:rgba(8,127,131,.4)}
#hisar-hajj .lane-hisar .fstep:hover{border-inline-start-color:var(--gold)}
#hisar-hajj .lane-nusuk .fstep:hover{border-inline-start-color:var(--turq-deep)}

#hisar-hajj .fstep-n{font-size:2.6rem;font-weight:800;line-height:.9;letter-spacing:-.03em;
  font-variant-numeric:tabular-nums;color:rgba(15,45,80,.55)}
#hisar-hajj .lane-hisar .fstep-n{color:rgba(126,95,24,.75)}
#hisar-hajj .lane-nusuk .fstep-n{color:rgba(8,127,131,.85)}
/* links form one clean horizontal line regardless of how long the copy above
   runs (redesign skill: "buttons not bottom-aligned in card groups"). */
#hisar-hajj .fstep-body{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
#hisar-hajj .fstep .step-link{margin-top:auto}
#hisar-hajj .fstep h3{font-size:1.16rem;line-height:1.25;margin:0 0 .3rem;text-wrap:balance}
#hisar-hajj .fstep-meta{margin:0 0 .55rem;font-size:.78rem;font-weight:700;letter-spacing:.04em;color:var(--muted)}
#hisar-hajj .fstep p:not(.fstep-meta){color:var(--muted);font-size:.95rem;margin:0 0 .85rem}
/* the step link used to be styled as '.step .step-link'; the card is gone, so
   the rule stopped matching and the theme firewall handed it back a default
   underline at 400/16px. Restyled on the new parent. */
#hisar-hajj .fstep .step-link{font-weight:700;color:var(--pine);text-decoration:none;font-size:.92rem;
  display:inline-flex;gap:.35rem;align-items:center;transition:color .25s,gap .25s var(--ease-out)}
#hisar-hajj .fstep .step-link:hover{color:var(--gold-deep);gap:.6rem}
#hisar-hajj .lane-nusuk .fstep .step-link:hover{color:var(--turq-deep)}
#hisar-hajj .flow-note{margin:0;text-align:center;font-size:.88rem;color:var(--muted)}

@media(max-width:980px){
  #hisar-hajj .lane-nusuk .lane-steps{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  #hisar-hajj .flow{gap:2.75rem}
  #hisar-hajj .lane-hisar .lane-steps,#hisar-hajj .lane-nusuk .lane-steps{grid-template-columns:1fr;gap:1.3rem}
  #hisar-hajj .fstep-n{font-size:2.1rem}
  #hisar-hajj .flow-note{text-align:start}
}


/* ── "The essentials before you register" ───────────────────────────────
   Same character as the registration flow above it (DESIGN.md §9): display
   type in size not family, gold spent only on "do this now", compression
   inside a group and release between groups, and ONE separation language,
   the inline-start rule. Four equal white cards were the most generic
   layout on the page; the requirements now lead and carry their numbers. */
#hisar-hajj .ess{display:grid;grid-template-columns:1.25fr .85fr;gap:3.2rem;align-items:start;margin-top:.6rem}
#hisar-hajj .ess-h{font-size:.74rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;
  color:var(--gold-deep);margin:0 0 .8rem;display:flex;align-items:center;gap:.6rem}
#hisar-hajj .ess-h::before{content:"";width:26px;height:3px;border-radius:2px;background:currentColor;flex:none}
#hisar-hajj .ess-lead{margin:0 0 1.4rem;color:var(--muted);font-size:1.02rem;max-width:60ch}
#hisar-hajj .docs{list-style:none;margin:0;padding:0;display:grid;gap:1.15rem}
#hisar-hajj .doc{border-inline-start:2px solid rgba(201,162,75,.5);padding:.1rem 0 .1rem 1.1rem}
#hisar-hajj .doc h4{font-size:1.06rem;line-height:1.25;margin:0 0 .3rem;color:var(--ink)}
#hisar-hajj .doc-spec{margin:0;font-size:.94rem;line-height:1.55;color:var(--muted)}
#hisar-hajj .doc-spec b{color:var(--text)}
#hisar-hajj .doc-act{display:inline-flex;gap:.35rem;align-items:center;margin-top:.45rem;font-size:.9rem;font-weight:700;
  color:var(--pine);text-decoration:none;transition:color .25s,gap .25s var(--ease-out)}
#hisar-hajj .doc-act:hover{color:var(--gold-deep);gap:.6rem}
#hisar-hajj .ess-note{margin:1.6rem 0 0;font-size:.88rem;line-height:1.55;color:var(--muted);
  border-inline-start:2px solid var(--line);padding-inline-start:1rem;max-width:62ch}
#hisar-hajj .ess-note a{color:var(--gold-deep);font-weight:700}

#hisar-hajj .ess-rail{display:grid;gap:2.2rem}
#hisar-hajj .ess-block{border-inline-start:2px solid var(--line);padding-inline-start:1.1rem}
#hisar-hajj .nus{list-style:none;margin:0;padding:0;display:grid;gap:.3rem}
#hisar-hajj .nus li{display:grid;grid-template-columns:2rem 1fr;gap:.4rem;align-items:baseline;font-size:.92rem;color:var(--muted)}
#hisar-hajj .nus li.now{color:var(--text);font-weight:600}
#hisar-hajj .nus-n{font-size:.78rem;font-weight:800;letter-spacing:.04em;font-variant-numeric:tabular-nums;color:rgba(15,45,80,.35)}
#hisar-hajj .nus li.now .nus-n{color:var(--gold-deep)}
#hisar-hajj .ess-fine{margin:.8rem 0 0;font-size:.82rem;line-height:1.5;color:var(--muted)}
#hisar-hajj .ess-fine a{color:var(--gold-deep)}
#hisar-hajj .dates{margin:.6rem 0 0;padding-left:1.05rem;color:var(--muted);font-size:.92rem;display:grid;gap:.3rem}
#hisar-hajj .dates b{color:var(--text)}
#hisar-hajj .guide-more{justify-content:flex-start;margin-top:2.4rem}

@media(max-width:980px){
  #hisar-hajj .ess{grid-template-columns:1fr;gap:2.4rem}
}
@media(max-width:640px){
  #hisar-hajj .doc h4{font-size:1rem}
  #hisar-hajj .ess-rail{gap:1.8rem}
}
/* 1.3.0 — conflict actions inside the form message */
#hisar-hajj .lc-acts{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.7rem}
#hisar-hajj .lc-acts .btn{min-height:44px}
/* 1.3.0 — the two registrations side by side */
#hisar-hajj .reg-vs{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:1rem 0 .4rem}
@media(max-width:560px){#hisar-hajj .reg-vs{grid-template-columns:1fr}}
#hisar-hajj .reg-vs .rv{border-radius:12px;padding:.75rem .9rem;font-size:.86rem;line-height:1.5}
#hisar-hajj .reg-vs b{display:block;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.25rem}
#hisar-hajj .reg-vs .rv-us{background:rgba(203,164,85,.12);border:1px solid rgba(203,164,85,.45)}
#hisar-hajj .reg-vs .rv-off{background:rgba(8,127,131,.07);border:1px solid rgba(8,127,131,.3)}

/* ── 1.4.0 · U08 — optional WhatsApp community, opted in, never pre-ticked ── */
#hisar-hajj .waopt-field{display:flex;gap:.7rem;align-items:flex-start}
#hisar-hajj .waopt-field input[type="checkbox"]{width:22px;height:22px;flex:0 0 auto;margin:2px 0 0;accent-color:var(--turq-deep,#087F83)}
#hisar-hajj .waopt-field label{font-weight:500;font-size:.85rem;line-height:1.5;margin:0;min-height:44px;display:flex;align-items:center}

/* ── 1.4.0 · U11 — the fixed bottom bar must not sit on the control that just
   took focus. scroll-padding-bottom makes the browser treat the strip behind
   the bar as "not in view", so Tab scrolls the control clear of it. The value
   covers the tallest bar (73 px) plus breathing room. ───────────────────── */
html{scroll-padding-bottom:96px}
@media (min-width:1025px){html{scroll-padding-bottom:0}}
/* The fixed bottom bar also covers the theme footer's last links, which sit
   outside the landing wrapper, so the page itself gets the clearance. */
@media (max-width:1024px){body.hle-hajj-overview{padding-bottom:96px}}

/* ── 1.4.0 · U11/U12 — reflow at 320 px and at 200% text zoom ────────────
   Two separate causes were measured, not guessed:
   1. a grid track written as `1fr` cannot shrink below its content's
      min-content width, so at 200% zoom single-column sections were 410-588 px
      wide inside a 390 px viewport and the text was clipped. `minmax(0,1fr)`
      lets the track shrink.
   2. long unbroken words (URLs, "Pre-Registration") set that min-content
      width in the first place.
   Both are scoped to narrow viewports so nothing changes on desktop. */
@media (max-width:1024px){
  #hisar-hajj .wrap,#hisar-hajj [class$="-grid"],#hisar-hajj [class$="-cols"]{min-width:0}
  #hisar-hajj h1,#hisar-hajj h2,#hisar-hajj h3,#hisar-hajj h4,
  #hisar-hajj p,#hisar-hajj li,#hisar-hajj dd,#hisar-hajj td,#hisar-hajj th,
  #hisar-hajj summary,#hisar-hajj label,#hisar-hajj .btn{overflow-wrap:break-word}
  #hisar-hajj [style*="grid-template-columns"],
  #hisar-hajj .wrap>*{min-width:0}
}

/* Measured at 200% text zoom on a 390 px viewport: the stat tiles and the new
   opt-in label were setting a track wider than the screen. */
@media (max-width:1024px){
  #hisar-hajj .stat{min-width:0}
  #hisar-hajj .waopt-field label{min-width:0}
  #hisar-hajj .waopt-field{min-width:0}
}
/* At 200% text zoom the form's rem padding takes 96 px of a 390 px screen and
   the heading row no longer fits beside its icon. */
@media (max-width:1024px){
  #hisar-hajj .reg-form{padding-left:max(14px,1rem);padding-right:max(14px,1rem)}
  #hisar-hajj .form-head{flex-wrap:wrap;min-width:0}
  #hisar-hajj .form-head>*{min-width:0}
}
/* The fixed bottom bar is chrome, not page text: at 200% text zoom its five
   items stopped fitting and the last one ("Register") was cut off. Capping the
   label size keeps every destination reachable; the tap targets stay 44 px. */
@media (max-width:900px){
  #hisar-hajj .mbar a{font-size:clamp(9px,.62rem,11.5px);min-width:0}
  #hisar-hajj .mbar a span,#hisar-hajj .mbar a b,#hisar-hajj .mbar a small{min-width:0;overflow-wrap:anywhere}
}


/* == 1.5.0: vaccination is a later step, not a registration document ====== */
#hisar-hajj .doc-later{opacity:.92}
#hisar-hajj .doc-tag{display:inline-block;margin-left:8px;vertical-align:middle;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#1E5B3A;background:#E3F1E8;border-radius:999px;padding:3px 9px}


/* == 1.5.0: Umrah cross-link under the knowledge grid ===================== */
#hisar-hajj .knowledge-umrah{margin-top:18px;padding:14px 18px;border-radius:14px;border:1px dashed rgba(15,45,80,.25);font-size:15px;line-height:1.5}
#hisar-hajj .knowledge-umrah span:first-child{font-weight:700;margin-right:6px}
#hisar-hajj .knowledge-umrah a{font-weight:700}

/* == 1.5.0 answer block: the three facts a searcher came for, in plain text == */
#hisar-hajj .answer{background:#fff;border-bottom:1px solid rgba(15,45,80,.08)}
#hisar-hajj .answer .wrap{max-width:860px;padding-top:34px;padding-bottom:30px}
#hisar-hajj .answer-h{font-size:clamp(1.25rem,2.4vw,1.6rem);margin:0 0 10px;color:var(--ink,#0F2338)}
#hisar-hajj .answer p{font-size:1.02rem;line-height:1.7;color:#2A3A4E;margin:0 0 14px}
#hisar-hajj .answer-links{display:flex;flex-wrap:wrap;gap:10px 18px;margin:0 !important}
#hisar-hajj .answer-links a{font-weight:700;min-height:44px;display:inline-flex;align-items:center}
#hisar-hajj section.answer{padding:0 !important;min-height:0 !important}