/* Hisar Landing Engine — hajj-preparation
   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-preparation .traveltour-body-outer-wrapper,body.hle-hajj-preparation .traveltour-body-wrapper{overflow:clip}
#hisar-hajj{overflow-x:clip}
@media (max-width:999px){body.hle-hajj-preparation{overflow-x:clip}}
body.hle-hajj-preparation #hisar-hajj .stickywrap{display:contents}
body.hle-hajj-preparation #hisar-hajj .hajjbar{position:sticky;top:var(--hisar-admin,0px);z-index:70}
html{scroll-padding-top:calc(var(--hisar-admin,0px) + 62px)}

/* ============ Brand tokens: navy · turquoise · gold (refinement v2) ============ */
#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-bright:#F0DEAA;
  --ivory:#F5FAFC;--paper:#FFFFFF;--white:#FFFFFF;
  --text:#0F2338;--muted:#4A6076;--line:rgba(42,36,29,.15);
  --ease:cubic-bezier(.22,.61,.36,1);--ease-out:cubic-bezier(.16,1,.3,1);
  --bar-h:76px;
}
#hisar-hajj *{box-sizing:border-box}
#hisar-hajj{scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr,66px) + 62px)}
#hisar-hajj{margin:0;font-family:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;color:var(--text);background:var(--paper);line-height:1.65;-webkit-font-smoothing:antialiased;padding-bottom:0}
#hisar-hajj h1,#hisar-hajj h2,#hisar-hajj h3{font-weight:700;line-height:1.12;margin:0;letter-spacing:-.02em}
#hisar-hajj p{margin:0}
#hisar-hajj a{color:inherit}
#hisar-hajj img{max-width:100%;display:block}
#hisar-hajj .wrap{width:min(1180px,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{position:fixed;left:0;top:0;transform:translateY(-200%);z-index:200;background:var(--gold);color:#241a09;padding:.7rem 1.2rem;font-weight:700;border-radius:0 0 8px 0}
#hisar-hajj .skip:focus{transform:none}
#hisar-hajj :focus-visible{outline:3px solid var(--turq-2) !important;outline-offset:3px !important;border-radius:4px}

#hisar-hajj .eyebrow{font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;font-weight:800;color:var(--gold-deep);display:inline-flex;align-items:center;gap:.6rem;margin-bottom:1rem}
#hisar-hajj .eyebrow::before{content:"";width:28px;height:1px;background:currentColor}
#hisar-hajj .on-dark .eyebrow{color:var(--gold-2)}
#hisar-hajj .standfirst{font-size:1.08rem;color:var(--muted);max-width:62ch;margin-top:1rem}
#hisar-hajj .on-dark .standfirst{color:rgba(245,250,252,.82)}
#hisar-hajj h2.sec{font-size:clamp(1.9rem,4.2vw,2.9rem)}

#hisar-hajj .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:700;font-size:.97rem;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;text-align:center}
#hisar-hajj .btn-gold{background:linear-gradient(135deg,var(--gold-bright),var(--gold) 60%,#A9843B);color:#241a09;box-shadow:0 14px 30px -14px rgba(169,132,59,.95)}
#hisar-hajj .btn-gold:hover{transform:translateY(-3px)}
#hisar-hajj .btn-ghost{border-color:var(--turq);color:var(--turq-deep)}
#hisar-hajj .on-dark .btn-ghost{color:var(--turq-2)}
#hisar-hajj .btn-ghost:hover{background:rgba(201,162,75,.12);border-color:var(--turq-2);transform:translateY(-3px)}
#hisar-hajj .btn-wide{width:100%}

/* ============ Top bar + header ============ */
#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 header.site{position:sticky;top:0;z-index:70;background:rgba(245,250,252,.88);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:box-shadow .3s,border-color .3s}
#hisar-hajj header.site.scrolled{box-shadow:0 12px 34px -24px rgba(6,20,40,.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;text-decoration:none}
#hisar-hajj .brand .logo{height:52px;width:auto;display:block}
#hisar-hajj nav.links{display:flex;align-items:center;gap:1.5rem}
#hisar-hajj nav.links a{text-decoration:none;font-weight:600;font-size:.92rem;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,#hisar-hajj nav.links a.active::after{width:100%}
#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}

/* ============ Hero ============ */
#hisar-hajj .hero{position:relative;background:radial-gradient(130% 120% at 50% -20%,var(--pine-2),var(--ink) 58%);color:var(--ivory);overflow:hidden;isolation:isolate}
#hisar-hajj .hero .grain{position:absolute;inset:0;opacity:.5;z-index:0;pointer-events:none}
#hisar-hajj .hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center;padding:clamp(2.6rem,6vw,4.4rem) 0 clamp(3rem,6vw,4.6rem)}
#hisar-hajj .hero h1{font-size:clamp(2.5rem,6.2vw,4.4rem);color:var(--ivory)}
#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 .h1-sub{display:block;font-size:clamp(1.05rem,2.3vw,1.5rem);font-weight:600;letter-spacing:.01em;color:var(--turq-2);margin-top:.6rem;line-height:1.35}
#hisar-hajj .hero .lede{font-size:1.1rem;color:rgba(245,250,252,.85);max-width:46ch;margin:1.3rem 0 1.9rem}
#hisar-hajj .hero-cta{display:flex;gap:.8rem;flex-wrap:wrap}
#hisar-hajj .hero-note{margin-top:1rem;font-size:.86rem;color:rgba(245,250,252,.62)}

/* proof panel in hero */
#hisar-hajj .proof-panel{background:linear-gradient(165deg,rgba(203,164,85,.5),rgba(7,26,51,.72));border:1px solid rgba(232,210,150,.26);border-radius:20px;padding:1.9rem 1.7rem;backdrop-filter:blur(6px)}
#hisar-hajj .proof-panel h2{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-2);font-weight:800;margin-bottom:1.3rem}
#hisar-hajj .pf{padding:1rem 0;border-top:1px solid rgba(232,210,150,.16)}
#hisar-hajj .pf:first-of-type{border-top:0;padding-top:0}
#hisar-hajj .pf b{display:block;font-size:2.1rem;line-height:1;color:var(--gold-2);font-weight:800;letter-spacing:-.02em}
#hisar-hajj .pf span{display:block;font-size:.85rem;color:rgba(245,250,252,.74);margin-top:.4rem}

/* ============ Section nav ============ */
#hisar-hajj .secnav{position:sticky;top:var(--hdr,66px);z-index:60;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
#hisar-hajj .secnav ul{display:flex;gap:1.6rem;list-style:none;margin:0;padding:.85rem 0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
#hisar-hajj .secnav ul::-webkit-scrollbar{display:none}
#hisar-hajj .secnav a{text-decoration:none;font-size:.83rem;font-weight:700;color:var(--muted);white-space:nowrap;letter-spacing:.02em;transition:color .25s}
#hisar-hajj .secnav a:hover,#hisar-hajj .secnav a.active{color:var(--ink)}

/* ============ Sections ============ */
#hisar-hajj section.band{padding:clamp(3.4rem,7vw,5.6rem) 0}
#hisar-hajj .band.tint{background:linear-gradient(180deg,var(--white),var(--paper))}
#hisar-hajj .band.dark{background:radial-gradient(120% 130% at 80% 0%,var(--pine),var(--ink) 62%);color:var(--ivory)}
#hisar-hajj .band.dark h2,#hisar-hajj .band.dark h3{color:var(--ivory)}

#hisar-hajj .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:2.6rem}
#hisar-hajj .card{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:1.6rem 1.5rem;transition:transform .35s var(--ease-out),box-shadow .35s}
#hisar-hajj .card:hover{transform:translateY(-4px);box-shadow:0 22px 44px -30px rgba(7,26,51,.5)}
#hisar-hajj .card .ic{width:44px;height:44px;border-radius:12px;background:linear-gradient(140deg,rgba(201,162,75,.16),rgba(203,164,85,.18));display:grid;place-items:center;margin-bottom:1rem}
#hisar-hajj .card h3{font-size:1.05rem;margin-bottom:.5rem}
#hisar-hajj .card p{font-size:.94rem;color:var(--muted)}
#hisar-hajj .band.dark .card{background:rgba(255,255,255,.05);border-color:rgba(232,210,150,.2)}
#hisar-hajj .band.dark .card p{color:rgba(245,250,252,.76)}

/* ============ Steps ============ */
#hisar-hajj .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:2.6rem;counter-reset:s}
#hisar-hajj .step{position:relative;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:1.5rem 1.3rem}
#hisar-hajj .step::before{counter-increment:s;content:"0" counter(s);font-size:.78rem;font-weight:800;letter-spacing:.16em;color:var(--gold-deep);display:block;margin-bottom:.7rem}
#hisar-hajj .step h3{font-size:1rem;margin-bottom:.45rem}
#hisar-hajj .step p{font-size:.9rem;color:var(--muted)}

/* ============ Pricing ============ */
#hisar-hajj .tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin-top:2.8rem;align-items:start}
#hisar-hajj .tier{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:1.9rem 1.6rem;display:flex;flex-direction:column;height:100%}
#hisar-hajj .tier.feature{border:2px solid var(--gold);box-shadow:0 26px 56px -34px rgba(169,132,59,.7);position:relative}
#hisar-hajj .tier.feature::after{content:"Recommended start";position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--gold-bright),var(--gold) 60%,#A9843B);color:#241a09;font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:.35rem 1rem;border-radius:999px;white-space:nowrap}
#hisar-hajj .tier h3{font-size:1.25rem}
#hisar-hajj .tier .who{font-size:.86rem;color:var(--muted);margin-top:.45rem;min-height:2.9em}
#hisar-hajj .price{margin:1.3rem 0 .3rem;display:flex;align-items:baseline;gap:.35rem}
#hisar-hajj .price .amt{font-size:2.6rem;font-weight:800;letter-spacing:-.03em;line-height:1}
#hisar-hajj .price .per{font-size:.85rem;color:var(--muted);font-weight:600}
#hisar-hajj .price-note{font-size:.82rem;color:var(--muted);min-height:2.6em}
#hisar-hajj .tier ul{list-style:none;margin:1.4rem 0 1.7rem;padding:0;display:grid;gap:.65rem;flex:1}
#hisar-hajj .tier li{font-size:.92rem;padding-left:1.6rem;position:relative;color:var(--text)}
#hisar-hajj .tier li::before{content:"";position:absolute;left:0;top:.52em;width:9px;height:5px;border-left:2px solid var(--turq-deep);border-bottom:2px solid var(--turq-deep);transform:rotate(-45deg)}
#hisar-hajj .tier li.off{color:#667585}
#hisar-hajj .tier li.off::before{border:0;width:10px;height:2px;background:#9AA7B3;transform:none;top:.72em}
#hisar-hajj .credit-strip{margin-top:2.4rem;background:linear-gradient(135deg,rgba(201,162,75,.1),rgba(203,164,85,.14));border:1px solid rgba(203,164,85,.4);border-radius:16px;padding:1.5rem 1.6rem;display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap}
#hisar-hajj .credit-strip strong{font-size:1.06rem}
#hisar-hajj .credit-strip p{font-size:.92rem;color:var(--muted);margin-top:.3rem}


/* ---- pilgrim-count calculator ---- */
#hisar-hajj .calc{margin-top:2.2rem;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:1.2rem 1.4rem;display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap;max-width:620px}
#hisar-hajj .calc label{font-weight:700;font-size:.98rem}
#hisar-hajj .calc .stepper{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:999px;overflow:hidden}
#hisar-hajj .calc .stepper button{width:44px;height:44px;border:0;background:var(--paper);font-size:1.3rem;font-weight:700;color:var(--ink);cursor:pointer}
#hisar-hajj .calc .stepper button:hover{background:rgba(201,162,75,.12)}
#hisar-hajj .calc .stepper output{min-width:52px;text-align:center;font-weight:800;font-size:1.15rem}
#hisar-hajj .calc small{display:block;flex-basis:100%;font-size:.84rem;color:var(--muted)}
#hisar-hajj .price .amt.dyn{transition:opacity .2s}
#hisar-hajj .tier .fam{display:none;font-size:.8rem;color:var(--gold-deep);font-weight:700;margin-top:.2rem}
#hisar-hajj .tier .fam.show{display:block}

/* ---- value anchor above the tiers ---- */
#hisar-hajj .anchorbox{margin-top:2.2rem;background:var(--white);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:14px;padding:1.3rem 1.5rem;max-width:74ch}
#hisar-hajj .anchorbox strong{display:block;margin-bottom:.35rem}
#hisar-hajj .anchorbox p{font-size:.95rem;color:var(--muted)}

/* ---- guarantee strip ---- */
#hisar-hajj .guarantee{margin-top:1.6rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
#hisar-hajj .gcell{display:flex;gap:.8rem;align-items:flex-start;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:1.1rem 1.2rem}
#hisar-hajj .gcell svg{flex:0 0 auto;margin-top:.15rem}
#hisar-hajj .gcell b{display:block;font-size:.95rem}
#hisar-hajj .gcell span{font-size:.86rem;color:var(--muted)}

/* ---- human channel prompt ---- */
#hisar-hajj .helpline{margin-top:1.5rem;text-align:center;font-size:.98rem;color:var(--muted)}
#hisar-hajj .helpline a{color:var(--turq-deep);font-weight:700;text-decoration:none;border-bottom:2px solid rgba(201,162,75,.35)}
#hisar-hajj .helpline a:hover{border-color:var(--turq)}

/* ---- testimonial near the decision ---- */
#hisar-hajj .quotes{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-top:2.6rem}
#hisar-hajj .quote{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:1.6rem 1.5rem;position:relative}
#hisar-hajj .quote::before{content:"\201C";position:absolute;top:.4rem;left:1.1rem;font-size:3.6rem;line-height:1;color:rgba(203,164,85,.28);font-family:Georgia,serif}
#hisar-hajj .quote p{font-size:.98rem;position:relative;z-index:1;padding-top:.7rem}
#hisar-hajj .quote cite{display:block;margin-top:.9rem;font-style:normal;font-size:.85rem;color:var(--muted);font-weight:600}

/* ---- tooltips (click, not hover) ---- */
#hisar-hajj .tip{display:inline-block;position:relative}
#hisar-hajj .tip>button{border:0;background:rgba(201,162,75,.16);color:var(--turq-deep);width:24px;height:24px;border-radius:50%;font-size:.72rem;font-weight:800;cursor:pointer;line-height:24px;padding:0;margin-left:.3rem;vertical-align:-.32em}
#hisar-hajj .tip>span,#hisar-hajj .tipbubble{display:none;position:fixed;left:0;top:0;width:min(270px,72vw);background:var(--ink);color:var(--ivory);font-size:.82rem;font-weight:500;line-height:1.5;padding:.7rem .85rem;border-radius:10px;box-shadow:0 16px 34px -18px rgba(4,16,31,.85);z-index:20;text-align:left}
#hisar-hajj .tip.open>span,#hisar-hajj .tipbubble.open{display:block}
#hisar-hajj .band.dark .tip>button{background:rgba(232,210,150,.2);color:var(--gold-2)}

/* ---- grouped comparison table + sticky label column ---- */
#hisar-hajj table.cmp tbody tr.grp td{background:var(--paper);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--gold-deep);padding:.6rem 1rem}
#hisar-hajj table.cmp td:first-child,#hisar-hajj table.cmp thead th:first-child{position:sticky;left:0;background:var(--white);z-index:2}
#hisar-hajj table.cmp thead th:first-child{background:var(--ink)}
#hisar-hajj table.cmp tbody tr.grp td:first-child{background:var(--paper)}


/* ---- process timeline with icons ---- */
#hisar-hajj .steps{position:relative}
#hisar-hajj .steps::before{content:"";position:absolute;top:52px;left:12%;right:12%;height:2px;background:linear-gradient(90deg,rgba(203,164,85,0),var(--gold) 12%,var(--turq) 50%,var(--gold) 88%,rgba(203,164,85,0));opacity:.4;z-index:0}
#hisar-hajj .step{position:relative;z-index:1;text-align:center;padding-top:2.1rem}
#hisar-hajj .step .ring{width:64px;height:64px;border-radius:50%;margin:0 auto 1rem;display:grid;place-items:center;background:var(--white);border:2px solid #CBA455;box-shadow:0 0 0 7px var(--paper),0 16px 30px -20px rgba(7,26,51,.55);position:relative}
#hisar-hajj .step .num{position:absolute;top:-4px;right:-6px;background:var(--ink);color:var(--gold-2);font-size:.63rem;font-weight:800;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;letter-spacing:0}
#hisar-hajj .step::before{content:none}
#hisar-hajj .step h3{margin-bottom:.45rem}

/* ---- tier crest ---- */
#hisar-hajj .crest{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;margin-bottom:.9rem;background:linear-gradient(140deg,rgba(201,162,75,.14),rgba(203,164,85,.2));border:1px solid rgba(203,164,85,.3)}
#hisar-hajj .tier.feature .crest{background:linear-gradient(140deg,var(--gold-bright),var(--gold));border-color:#A9843B}

/* ---- "Nusuk Ready" readiness panel ---- */
#hisar-hajj .ready{background:linear-gradient(165deg,rgba(203,164,85,.42),rgba(7,26,51,.7));border:1px solid rgba(232,210,150,.26);border-radius:20px;padding:1.8rem 1.7rem;margin-top:2.6rem;display:grid;grid-template-columns:1fr 1.15fr;gap:2.2rem;align-items:center}
#hisar-hajj .ready h3{font-size:1.25rem;margin-bottom:.6rem}
#hisar-hajj .ready .tag{display:inline-flex;align-items:center;gap:.45rem;font-size:.7rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#241a09;background:linear-gradient(135deg,var(--gold-bright),var(--gold));padding:.32rem .8rem;border-radius:999px;margin-bottom:.9rem}
#hisar-hajj .ready p{font-size:.95rem;color:rgba(245,250,252,.8)}
#hisar-hajj .rlist{list-style:none;margin:0;padding:0;display:grid;gap:.1rem}
#hisar-hajj .rlist li{display:flex;align-items:center;gap:.85rem;padding:.62rem .9rem;border-radius:11px;background:rgba(255,255,255,.045);border:1px solid rgba(232,210,150,.13);font-size:.93rem;font-weight:600;color:var(--ivory)}
#hisar-hajj .rlist .tick{flex:0 0 auto;width:24px;height:24px;border-radius:50%;background:rgba(201,162,75,.2);border:1.5px solid var(--turq);display:grid;place-items:center}
#hisar-hajj .rlist li:last-child .tick{background:linear-gradient(135deg,var(--gold-bright),var(--gold));border-color:#A9843B}

/* ---- star motif divider ---- */
#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-position:center;background-size:56px 56px;opacity:.6}

/* comparison table */
#hisar-hajj .scrollhint{display:none;font-size:.8rem;color:var(--muted);margin:1.8rem 0 -1.2rem;font-weight:600}
@media(max-width:760px){#hisar-hajj .scrollhint{display:block}}
#hisar-hajj .tblwrap{overflow-x:auto;margin-top:2.6rem;border:1px solid var(--line);border-radius:16px;background:var(--white)}
#hisar-hajj table.cmp{width:100%;border-collapse:collapse;min-width:640px;font-size:.92rem}
#hisar-hajj table.cmp th,#hisar-hajj table.cmp td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid var(--line)}
#hisar-hajj table.cmp thead th{background:var(--ink);color:var(--ivory);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;border-bottom:0}
#hisar-hajj table.cmp thead th:first-child{border-radius:16px 0 0 0}
#hisar-hajj table.cmp thead th:last-child{border-radius:0 16px 0 0}
#hisar-hajj table.cmp tbody tr:last-child td{border-bottom:0}
#hisar-hajj table.cmp td:not(:first-child),#hisar-hajj table.cmp th:not(:first-child){text-align:center;width:19%}
#hisar-hajj table.cmp td:first-child{font-weight:600}
#hisar-hajj .yes{color:var(--turq-deep);font-weight:800}
#hisar-hajj .no{color:#667585}

/* safeguards */
#hisar-hajj .guards{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-top:2.6rem}
#hisar-hajj .guard{border:1px solid rgba(232,210,150,.24);background:rgba(255,255,255,.05);border-radius:16px;padding:1.4rem 1.4rem 1.4rem 3.4rem;position:relative}
#hisar-hajj .guard::before{content:"";position:absolute;left:1.3rem;top:1.6rem;width:16px;height:16px;border-radius:50%;border:2px solid #E38A8A}
#hisar-hajj .guard::after{content:"";position:absolute;left:1.58rem;top:1.88rem;width:9px;height:2px;background:#E38A8A;transform:rotate(-45deg)}
#hisar-hajj .guard h3{font-size:1rem;margin-bottom:.4rem}
#hisar-hajj .guard p{font-size:.9rem;color:rgba(245,250,252,.76)}

/* FAQ */
#hisar-hajj .faq{margin-top:2.4rem;border-top:1px solid var(--line)}
#hisar-hajj details{border-bottom:1px solid var(--line)}
#hisar-hajj summary{cursor:pointer;padding:1.15rem 2.4rem 1.15rem 0;font-weight:700;font-size:1.02rem;list-style:none;position:relative}
#hisar-hajj summary::-webkit-details-marker{display:none}
#hisar-hajj summary::after{content:"";position:absolute;right:.55rem;top:1.6rem;width:9px;height:9px;border-right:2px solid var(--gold-deep);border-bottom:2px solid var(--gold-deep);transform:rotate(45deg);transition:transform .3s var(--ease)}
#hisar-hajj details[open] summary::after{transform:rotate(-135deg)}
#hisar-hajj details p{padding:0 0 1.2rem;color:var(--muted);font-size:.96rem;max-width:74ch}
#hisar-hajj details p + p{padding-top:0}

/* final CTA */
#hisar-hajj .finale{background:radial-gradient(120% 140% at 50% 0%,var(--pine-2),var(--ink) 60%);color:var(--ivory);text-align:center;padding:clamp(3.4rem,7vw,5.4rem) 0}
#hisar-hajj .finale h2{font-size:clamp(1.9rem,4.4vw,2.9rem)}
#hisar-hajj .finale p{max-width:56ch;margin:1.1rem auto 2rem;color:rgba(245,250,252,.84)}
#hisar-hajj .finale .hero-cta{justify-content:center}

/* footnotes */
#hisar-hajj .fn{background:var(--ink);color:rgba(245,250,252,.62);padding:2.4rem 0;font-size:.83rem}
#hisar-hajj .fn h2{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2);margin-bottom:1rem}
#hisar-hajj .fn ol{margin:0;padding-left:1.2rem;display:grid;gap:.6rem;max-width:88ch}
#hisar-hajj .fn a{color:var(--gold-2)}
#hisar-hajj sup a{text-decoration:none;color:var(--gold-deep);font-weight:800;font-size:.72em;padding:0 .1em}
#hisar-hajj .on-dark sup a,#hisar-hajj .band.dark sup a{color:var(--gold-2)}

/* sticky decision bar */
#hisar-hajj .bar{position:fixed;left:0;right:0;bottom:0;z-index:90;background:rgba(7,26,51,.97);backdrop-filter:blur(14px);border-top:1px solid rgba(232,210,150,.28);padding:.75rem 0 calc(.75rem + env(safe-area-inset-bottom,0px))}
#hisar-hajj .bar .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
#hisar-hajj .bar .anchor{color:var(--ivory);font-size:.92rem;line-height:1.35}
#hisar-hajj .bar .anchor b{color:var(--gold-2);font-size:1.05rem}
#hisar-hajj .bar .anchor span{display:block;font-size:.78rem;color:rgba(245,250,252,.62)}
#hisar-hajj .bar .acts{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
#hisar-hajj .bar .btn{padding:.72rem 1.3rem;font-size:.9rem}
#hisar-hajj .bar .btn-ghost{color:var(--turq-2);border-color:var(--turq)}

/* motion */
.js #hisar-hajj .reveal{opacity:0;transform:translateY(10px);transition:opacity .55s var(--ease-out),transform .55s var(--ease-out)}
#hisar-hajj .reveal.in{opacity:1;transform:none}
.js #hisar-hajj .stagger>*{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}
#hisar-hajj .stagger.in>*{opacity:1;transform:none}
#hisar-hajj .stagger.in>*:nth-child(2){transition-delay:.07s}
#hisar-hajj .stagger.in>*:nth-child(3){transition-delay:.14s}
#hisar-hajj .stagger.in>*:nth-child(4){transition-delay:.2s}

/* ---------- large tablet / phone in desktop mode (880-1100px) ---------- */
@media(max-width:1100px){
  #hisar-hajj .hero .wrap{grid-template-columns:1fr;gap:2.2rem}
  #hisar-hajj .steps{grid-template-columns:repeat(2,1fr)}
  #hisar-hajj .steps::before{display:none}
}
@media(max-width:1000px){
  #hisar-hajj .ready{grid-template-columns:1fr;gap:1.4rem}
}

/* ---------- below 960px three pricing cards get too narrow to read ---------- */
@media(max-width:960px){
  #hisar-hajj .tiers{grid-template-columns:1fr;max-width:580px}
  #hisar-hajj .anchorbox,#hisar-hajj .credit-strip{max-width:620px}
  #hisar-hajj .helpline{max-width:620px;text-align:left}
  #hisar-hajj .tier .who,#hisar-hajj .price-note{min-height:0}
  #hisar-hajj .tblwrap,#hisar-hajj .ready{max-width:100%}
}
@media(max-width:860px){
  #hisar-hajj .cards,#hisar-hajj .guarantee,#hisar-hajj .quotes,#hisar-hajj .guards{grid-template-columns:1fr;max-width:620px}
}

/* ---------- tablet: stop the header CTA from wrapping ---------- */
@media(max-width:860px){
  #hisar-hajj header .btn-gold{padding:.62rem 1.05rem;font-size:.86rem;white-space:nowrap}
  #hisar-hajj nav.links{gap:1.1rem}
  #hisar-hajj nav.links a{font-size:.88rem}
}

/* ---------- phones ---------- */
@media(max-width:760px){
  #hisar-hajj .wrap{width:min(1180px,90vw)}
  #hisar-hajj section.band{padding:2.9rem 0}
  #hisar-hajj .finale{padding:3rem 0}
  #hisar-hajj .divider{height:40px;background-size:40px 40px}
  #hisar-hajj h2.sec{font-size:clamp(1.6rem,7.2vw,2.2rem)}
  #hisar-hajj .standfirst{font-size:1rem;margin-top:.85rem}
  #hisar-hajj .eyebrow{font-size:.68rem;letter-spacing:.2em;margin-bottom:.75rem}

  /* header */
  #hisar-hajj header .brand .logo{height:42px}
  #hisar-hajj .menu-toggle{padding:.62rem;margin-right:-.5rem}

  /* section nav: real tap targets */
  #hisar-hajj .secnav ul{gap:1.15rem;padding:.35rem 0}
  #hisar-hajj .secnav a{padding:.6rem 0;display:block;font-size:.8rem}

  /* hero */
  #hisar-hajj .hero .wrap{padding:2.2rem 0 2.6rem}
  #hisar-hajj .hero h1{font-size:clamp(2.05rem,8.6vw,3rem)}
  #hisar-hajj .hero .h1-sub{font-size:1.02rem;margin-top:.5rem}
  #hisar-hajj .hero .lede{font-size:1rem;margin:1rem 0 1.5rem}
  #hisar-hajj .hero-cta .btn{flex:1 1 100%}
  #hisar-hajj .proof-panel{padding:1.5rem 1.3rem}
  #hisar-hajj .pf b{font-size:1.85rem}

  /* process steps become a compact list */
  #hisar-hajj .steps{gap:.8rem;margin-top:1.9rem}
  #hisar-hajj .step{display:grid;grid-template-columns:54px 1fr;gap:1.05rem;align-items:start;text-align:left;padding:1.15rem 1.15rem}
  #hisar-hajj .step .ring{width:54px;height:54px;margin:0;box-shadow:0 0 0 4px var(--paper);grid-row:1/span 2;align-self:start}
  #hisar-hajj .step h3{align-self:center;margin-bottom:0}
  #hisar-hajj .step p{margin-top:.4rem}
  #hisar-hajj .step .num{width:20px;height:20px;font-size:.6rem;top:-3px;right:-4px}

  /* cards & tiers */
  #hisar-hajj .cards{margin-top:1.9rem;gap:1rem}
  #hisar-hajj .card{padding:1.35rem 1.3rem}
  #hisar-hajj .tier{padding:1.7rem 1.4rem}
  #hisar-hajj .tier .who{min-height:0}
  #hisar-hajj .price-note{min-height:0}
  #hisar-hajj .price .amt{font-size:2.3rem}
  #hisar-hajj .anchorbox{padding:1.15rem 1.2rem;margin-top:1.8rem}
  #hisar-hajj .guarantee{margin-top:1.3rem;gap:.8rem}
  #hisar-hajj .gcell{padding:1rem 1.1rem}
  #hisar-hajj .credit-strip{padding:1.3rem 1.3rem;gap:1rem}
  #hisar-hajj .credit-strip .btn{width:100%}
  #hisar-hajj .helpline{font-size:.93rem}

  /* readiness panel */
  #hisar-hajj .ready{padding:1.5rem 1.3rem;margin-top:2rem}
  #hisar-hajj .rlist li{font-size:.88rem;padding:.58rem .75rem;gap:.7rem}

  /* faq + footnotes */
  #hisar-hajj summary{font-size:.97rem;padding:1.05rem 2.2rem 1.05rem 0}
  #hisar-hajj details p{font-size:.93rem}
  #hisar-hajj .fn{padding:2rem 0}
  #hisar-hajj .fn ol{padding-left:1.05rem}
  #hisar-hajj sup a{padding:.2em .3em}

  /* tooltips must never leave the screen */
  #hisar-hajj .tip>span,#hisar-hajj .tipbubble{width:min(250px,62vw)}
}

/* Section nav: below ~880px the last two items ("Results", "Questions")
   sit outside the viewport. The ul scrolls horizontally, but nothing shows
   that it does, and a mouse user cannot reach them at all. Every section is
   reachable by scrolling the page, so the nav only appears once all of its
   items fit. Measured cut-off: 880px. */
@media(max-width:900px){
  #hisar-hajj .secnav{display:none}
}

@media(max-width:620px){
  #hisar-hajj header .btn-gold{display:none}   /* the sticky bar already carries this action */
  #hisar-hajj nav.links{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 5vw;gap:.2rem;border-bottom:1px solid var(--line);box-shadow:0 18px 34px -26px rgba(6,20,40,.7)}
  #hisar-hajj nav.links.open a{padding:.7rem 0;font-size:.98rem}

  #hisar-hajj .topbar{font-size:.78rem}
  #hisar-hajj .topbar .wrap{justify-content:center;text-align:center;gap:.2rem 1rem;padding:.35rem 0}
  #hisar-hajj .topbar .wrap>div:last-child{display:none}
  #hisar-hajj .topbar a{display:inline-block;padding:.42rem 0}
  #hisar-hajj .helpline a{display:inline-block;padding:.28rem 0}

  #hisar-hajj .steps{grid-template-columns:1fr}
  #hisar-hajj .quotes{gap:1rem}

  /* sticky bar: compact, two rows, full-width actions */
  #hisar-hajj .bar{padding:.55rem 0 calc(.55rem + env(safe-area-inset-bottom,0px))}
  #hisar-hajj .bar .wrap{gap:.55rem}
  #hisar-hajj .bar .anchor{font-size:.85rem;line-height:1.25}
  #hisar-hajj .bar .anchor b{font-size:1rem}
  #hisar-hajj .bar .anchor span{font-size:.72rem;margin-top:.1rem}
  #hisar-hajj .bar .acts .btn{flex:1;padding:.72rem .6rem;font-size:.87rem;white-space:nowrap}
  #hisar-hajj .topbar .wrap>div:first-child{display:flex;gap:.9rem;justify-content:center;flex-wrap:nowrap}
  #hisar-hajj .topbar .lbl{display:none}
  #hisar-hajj{--bar-h:122px}
}

@media(max-width:380px){
  #hisar-hajj .btn{font-size:.9rem;padding:.82rem 1rem}
  #hisar-hajj .btn-wide{padding-left:.6rem;padding-right:.6rem}
  #hisar-hajj .tier{padding:1.5rem 1.15rem}
  #hisar-hajj .credit-strip{padding:1.15rem 1.1rem}
  #hisar-hajj .hero h1{font-size:1.95rem}
  #hisar-hajj h2.sec{font-size:1.5rem}
  #hisar-hajj .price .amt{font-size:2.1rem}
  #hisar-hajj .bar .anchor span{display:none}
  #hisar-hajj{--bar-h:104px}
}

@media(prefers-reduced-motion:reduce){
  #hisar-hajj{scroll-behavior:auto}
  #hisar-hajj *{animation:none!important;transition:none!important}
  #hisar-hajj .reveal,#hisar-hajj .stagger>*{opacity:1!important;transform:none!important}
}

/* ================= ACT 1 — building the need ================= */
/* stakes strip under the break points */
#hisar-hajj .stakes{margin-top:2.4rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}
#hisar-hajj .stake{background:var(--white);padding:1.4rem 1.4rem}
#hisar-hajj .stake b{display:block;font-size:1.45rem;font-weight:800;letter-spacing:-.02em;color:var(--ink);line-height:1.15}
#hisar-hajj .stake span{display:block;font-size:.9rem;color:var(--muted);margin-top:.5rem;max-width:40ch}

/* break-point rows: numbered, with the platform's unhelpful message quoted */
#hisar-hajj .breaks{margin-top:2.4rem;display:grid;gap:1rem}
#hisar-hajj .brk{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:1.5rem 1.6rem;display:grid;grid-template-columns:46px 1fr;gap:1.3rem;align-items:start;transition:box-shadow .35s,transform .35s var(--ease-out)}
#hisar-hajj .brk:hover{transform:translateY(-2px);box-shadow:0 22px 44px -32px rgba(7,26,51,.5)}
#hisar-hajj .brk .n{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-weight:800;font-size:1rem;color:var(--ink);background:linear-gradient(140deg,rgba(201,162,75,.16),rgba(203,164,85,.2));border:1px solid rgba(203,164,85,.28)}
#hisar-hajj .brk h3{font-size:1.08rem;margin-bottom:.45rem}
#hisar-hajj .brk p{font-size:.96rem;color:var(--muted);max-width:74ch}
#hisar-hajj .saidback{margin-top:.9rem;display:inline-flex;align-items:center;gap:.6rem;background:#FBF1F1;border:1px solid #EBD2D2;color:#8C3D3D;font-size:.86rem;font-weight:600;padding:.5rem .85rem;border-radius:10px;font-style:italic}
#hisar-hajj .saidback::before{content:"";flex:0 0 auto;width:15px;height:15px;border-radius:50%;border:1.8px solid #C46A6A;background:
  linear-gradient(#C46A6A,#C46A6A) center/8px 1.8px no-repeat}

/* phase label above each group of break points */
#hisar-hajj .phase-label{margin-top:2.3rem;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:800;color:var(--gold-deep);display:flex;align-items:center;gap:.8rem}
#hisar-hajj .phase-label::after{content:"";flex:1;height:1px;background:var(--line)}
#hisar-hajj .phase-label + .breaks{margin-top:1rem}

/* the mechanic analogy */
#hisar-hajj .analogy{margin-top:2.2rem;background:rgba(255,255,255,.05);border:1px solid rgba(232,210,150,.2);border-radius:18px;padding:1.7rem 1.8rem;max-width:72ch}
#hisar-hajj .analogy p{font-size:1.02rem;color:rgba(245,250,252,.86);line-height:1.62}
#hisar-hajj .analogy-turn{margin-top:.9rem!important;color:var(--gold-2)!important;font-weight:700}

/* pain -> tier matcher */
#hisar-hajj .matchwrap{overflow-x:auto;margin-top:2.4rem;border:1px solid var(--line);border-radius:16px;background:var(--white)}
#hisar-hajj table.match{width:100%;border-collapse:collapse;min-width:620px;font-size:.93rem}
#hisar-hajj table.match th,#hisar-hajj table.match td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
#hisar-hajj table.match thead th{background:var(--ink);color:var(--ivory);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;border-bottom:0}
#hisar-hajj table.match thead th:first-child{border-radius:16px 0 0 0}
#hisar-hajj table.match thead th:last-child{border-radius:0 16px 0 0}
#hisar-hajj table.match tbody tr:last-child td{border-bottom:0}
#hisar-hajj table.match td:first-child{font-weight:600;position:sticky;left:0;background:var(--white);z-index:2}
#hisar-hajj table.match thead th:first-child{position:sticky;left:0;z-index:3;background:var(--ink)}
#hisar-hajj table.match td:nth-child(2){width:26%;text-align:center}
#hisar-hajj .pill{display:inline-block;font-size:.76rem;font-weight:800;letter-spacing:.04em;padding:.3rem .7rem;border-radius:999px;white-space:nowrap}
#hisar-hajj .pill-free{background:rgba(15,45,80,.08);color:var(--muted)}
#hisar-hajj .pill-setup{background:rgba(201,162,75,.15);color:var(--turq-deep)}
#hisar-hajj .pill-conc{background:linear-gradient(135deg,var(--gold-bright),var(--gold));color:#241a09}
#hisar-hajj table.match tbody tr.grp td{background:var(--paper);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--gold-deep);padding:.6rem 1rem}
#hisar-hajj table.match tbody tr.grp td:first-child{background:var(--paper)}
#hisar-hajj .match-key{margin-top:1.2rem;font-size:.9rem;color:var(--muted);max-width:70ch}

/* ================= ACT 2 — why professional support ================= */
#hisar-hajj .split{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem;margin-top:2.4rem}
#hisar-hajj .col-free,#hisar-hajj .col-pro{border-radius:18px;padding:1.7rem 1.6rem}
#hisar-hajj .col-free{background:rgba(255,255,255,.05);border:1px solid rgba(232,210,150,.16)}
#hisar-hajj .col-pro{background:linear-gradient(165deg,rgba(203,164,85,.5),rgba(7,26,51,.6));border:1px solid rgba(232,210,150,.34)}
#hisar-hajj .col-free h3,#hisar-hajj .col-pro h3{font-size:1.08rem;margin-bottom:.3rem}
#hisar-hajj .col-tag{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;font-weight:800;margin-bottom:.85rem;display:block}
#hisar-hajj .col-free .col-tag{color:rgba(245,250,252,.55)}
#hisar-hajj .col-pro .col-tag{color:var(--gold-2)}
#hisar-hajj .col-free ul,#hisar-hajj .col-pro ul{list-style:none;margin:1.1rem 0 0;padding:0;display:grid;gap:.7rem}
#hisar-hajj .col-free li,#hisar-hajj .col-pro li{font-size:.94rem;padding-left:1.7rem;position:relative;color:rgba(245,250,252,.8)}
#hisar-hajj .col-free li::before{content:"";position:absolute;left:.1rem;top:.42em;width:12px;height:12px;border-radius:50%;border:1.6px solid rgba(245,250,252,.32)}
#hisar-hajj .col-pro li{color:var(--ivory)}
#hisar-hajj .col-pro li::before{content:"";position:absolute;left:.15rem;top:.5em;width:10px;height:5px;border-left:2px solid var(--turq-2);border-bottom:2px solid var(--turq-2);transform:rotate(-45deg)}
#hisar-hajj .bridge{margin-top:2rem;border-left:3px solid var(--gold);padding:.3rem 0 .3rem 1.3rem;max-width:66ch}
#hisar-hajj .bridge p{font-size:1.1rem;color:var(--ivory);font-weight:600;line-height:1.55}

/* ================= ACT 4 — results ================= */
#hisar-hajj .results{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2.4rem}
#hisar-hajj .res{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:1.6rem 1.5rem;text-align:center}
#hisar-hajj .res b{display:block;font-size:2.4rem;font-weight:800;letter-spacing:-.03em;color:var(--turq-deep);line-height:1}
#hisar-hajj .res span{display:block;font-size:.9rem;color:var(--muted);margin-top:.6rem}
#hisar-hajj .quotes3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:1.3rem}

/* hero readiness widget: the unfinished state */
#hisar-hajj .hero-ready{background:linear-gradient(165deg,rgba(203,164,85,.5),rgba(7,26,51,.72));border:1px solid rgba(232,210,150,.26);border-radius:20px;padding:1.7rem 1.55rem;backdrop-filter:blur(6px)}
#hisar-hajj .hero-ready h2{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-2);font-weight:800;margin-bottom:1.15rem}
#hisar-hajj .hr-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
#hisar-hajj .hr-list li{display:flex;align-items:center;gap:.8rem;padding:.6rem .85rem;border-radius:11px;font-size:.92rem;font-weight:600;border:1px solid rgba(232,210,150,.13);background:rgba(255,255,255,.04);color:rgba(245,250,252,.55)}
#hisar-hajj .hr-list li.done{color:var(--ivory)}
#hisar-hajj .dot{flex:0 0 auto;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:1.5px solid rgba(245,250,252,.28)}
#hisar-hajj .done .dot{background:rgba(201,162,75,.2);border-color:var(--turq)}
#hisar-hajj .dot.stop{border-color:#D98A8A;background:rgba(217,138,138,.16)}
#hisar-hajj .hero-ready .caption{margin-top:1.1rem;font-size:.84rem;color:rgba(245,250,252,.62);line-height:1.5}

@media(max-width:960px){
  #hisar-hajj .split,#hisar-hajj .stakes,#hisar-hajj .results,#hisar-hajj .quotes3{grid-template-columns:1fr}
  #hisar-hajj .stakes{gap:1px}
  #hisar-hajj .split,#hisar-hajj .stakes,#hisar-hajj .results,#hisar-hajj .quotes3,#hisar-hajj .breaks{max-width:620px}
}
@media(max-width:960px){
  #hisar-hajj .matchwrap{max-width:100%}
}
@media(max-width:760px){
  #hisar-hajj .analogy{padding:1.4rem 1.3rem}
  #hisar-hajj .analogy p{font-size:.96rem}
  #hisar-hajj .phase-label{margin-top:1.9rem}
  #hisar-hajj .brk{grid-template-columns:40px 1fr;gap:1rem;padding:1.25rem 1.2rem}
  #hisar-hajj .brk .n{width:40px;height:40px;font-size:.92rem}
  #hisar-hajj .stake{padding:1.15rem 1.2rem}
  #hisar-hajj .col-free,#hisar-hajj .col-pro{padding:1.45rem 1.3rem}
  #hisar-hajj .bridge p{font-size:1rem}
  #hisar-hajj .res b{font-size:2.05rem}
  #hisar-hajj .hero-ready{padding:1.45rem 1.25rem}
}

/* ---- shared Hajj 2027 chrome (added in the /hajj/ restructure) ---- */
#hisar-hajj{scroll-padding-top:132px}
#hisar-hajj .topbar{background:var(--ink);color:#F5FAFC;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}
@media(max-width:700px){#hisar-hajj .topbar .tb-right{display:none}}
#hisar-hajj .sitenav .sub{background:#fff}
@media(max-width:900px){#hisar-hajj header.site .btn.btn-gold{display:none}}
#hisar-hajj .compliance-note{margin-top:1.2rem;font-size:.8rem;color:rgba(245,250,252,.72);border-top:1px solid rgba(232,210,150,.22);padding-top:.9rem;max-width:60ch}
#hisar-hajj .free-webinar{margin:.9rem 0 0;padding:.75rem .9rem;border:1px dashed rgba(203,164,85,.55);border-radius:10px;font-size:.85rem;line-height:1.5}
#hisar-hajj .free-webinar b{display:block}
#hisar-hajj .free-webinar a{color:var(--gold-deep);font-weight:700}
#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 .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)}

/* ---- 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}
}

/* ================= 30-second self-check ================= */
#hisar-hajj .nq-sec{background:linear-gradient(180deg,#0B2A4D,#071A33 60%);color:#F5FAFC;padding:clamp(3rem,6vw,4.6rem) 0}
#hisar-hajj .nq-sec .eyebrow{color:var(--gold-2)}
#hisar-hajj .nq-sec .eyebrow::before{background:var(--gold-2)}
#hisar-hajj .nq-sec h2{color:#F5FAFC;font-size:clamp(1.9rem,4vw,2.7rem);margin:.6rem 0 .5rem}
#hisar-hajj .nq-lede{color:rgba(245,250,252,.78);max-width:60ch;margin:0 0 2rem}
#hisar-hajj .nq{display:none}
.js #hisar-hajj .nq{display:block}
#hisar-hajj .nq-fallback{border:1px dashed rgba(232,210,150,.4);border-radius:12px;padding:1rem 1.2rem;font-size:.9rem;color:rgba(245,250,252,.8)}
.js #hisar-hajj .nq-fallback{display:none}
#hisar-hajj .nq-card{background:rgba(255,255,255,.05);border:1px solid rgba(232,210,150,.28);border-radius:20px;padding:clamp(1.4rem,3vw,2.2rem);max-width:820px}
#hisar-hajj .nq-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}
#hisar-hajj .nq-count{font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-2)}
#hisar-hajj .nq-dots{display:flex;gap:.4rem}
#hisar-hajj .nq-dots i{width:7px;height:7px;border-radius:50%;background:rgba(245,250,252,.25);display:block}
#hisar-hajj .nq-dots i.on{background:var(--gold-2)}
#hisar-hajj .nq-step{display:none}
#hisar-hajj .nq-step.active{display:block}
#hisar-hajj .nq-step h3{font-size:clamp(1.15rem,2.4vw,1.5rem);color:#F5FAFC;margin:0 0 1.2rem;font-weight:700}
#hisar-hajj .nq-opts{display:grid;gap:.6rem}
#hisar-hajj .nq-opt{text-align:left;font-family:inherit;font-size:.95rem;font-weight:600;color:#F5FAFC;background:rgba(255,255,255,.04);border:1px solid rgba(245,250,252,.2);border-radius:12px;padding:.9rem 1.1rem;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
#hisar-hajj .nq-opt:hover{border-color:var(--gold);background:rgba(203,164,85,.12);transform:translateX(3px)}
#hisar-hajj .nq-opt small{display:block;font-weight:500;font-size:.82rem;color:rgba(245,250,252,.62);margin-top:.2rem}
#hisar-hajj .nq-back{margin-top:1.2rem;background:none;border:0;color:rgba(245,250,252,.6);font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;padding:0;display:none}
#hisar-hajj .nq-back.show{display:inline-block}
#hisar-hajj .nq-back:hover{color:#F5FAFC}
#hisar-hajj .nq-res{display:none}
#hisar-hajj .nq-res.show{display:block}
#hisar-hajj .nq-verdict{display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:.4rem .85rem;border-radius:999px;margin-bottom:1rem}
#hisar-hajj .nq-verdict.free{background:rgba(245,250,252,.14);color:#F5FAFC}
#hisar-hajj .nq-verdict.setup{background:rgba(203,164,85,.2);color:var(--gold-2)}
#hisar-hajj .nq-verdict.conc{background:var(--gold);color:#241a09}
#hisar-hajj .nq-res h3{font-size:clamp(1.4rem,3vw,2rem);color:#F5FAFC;margin:0 0 .5rem}
#hisar-hajj .nq-price{color:var(--gold-2);font-weight:700;margin:0 0 1rem}
#hisar-hajj .nq-why{list-style:none;margin:0 0 1.4rem;padding:0;display:grid;gap:.5rem}
#hisar-hajj .nq-why li{position:relative;padding-left:1.5rem;font-size:.93rem;color:rgba(245,250,252,.85)}
#hisar-hajj .nq-why li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--gold-2)}
#hisar-hajj .nq-acts{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}
#hisar-hajj .nq-note{font-size:.82rem;color:rgba(245,250,252,.6);margin:1.1rem 0 0;max-width:58ch}
#hisar-hajj .nq-restart{background:none;border:0;color:rgba(245,250,252,.55);font-family:inherit;font-size:.82rem;font-weight:600;cursor:pointer;padding:.6rem 0 0;text-decoration:underline}
#hisar-hajj .nq-restart:hover{color:#F5FAFC}
@media(max-width:640px){#hisar-hajj .nq-opt{padding:.8rem .9rem}}

/* ================= SELF-CHECK v2 — a light "consultation" moment ================= */
/* The section turns cream so the illustrated advisor stands on the page instead of
   sitting inside a box, and the page gains a light beat between two dark ones. */
#hisar-hajj .nq-sec{background:
   radial-gradient(120% 90% at 12% 100%, rgba(203,164,85,.16), transparent 60%),
   linear-gradient(180deg,#FFFFFF,#F5FAFC 45%,#EFF7F8);
  color:var(--text);padding-bottom:0;overflow:hidden}
#hisar-hajj .nq-sec .eyebrow{color:var(--gold-deep)}
#hisar-hajj .nq-sec .eyebrow::before{background:var(--gold)}
#hisar-hajj .nq-sec h2{color:var(--ink)}
#hisar-hajj .nq-lede{color:var(--muted);max-width:56ch;margin:0 0 2.4rem;font-size:1.02rem}
#hisar-hajj .nq-fallback{border-color:rgba(138,106,48,.35);color:var(--muted);background:rgba(255,255,255,.6)}

#hisar-hajj .nq-layout{display:grid;gap:0;grid-template-columns:1fr;align-items:end}
@media(min-width:980px){#hisar-hajj .nq-layout{grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:2.6rem}}

/* advisor: a deliberate framed portrait plate (the artwork has its own light-blue ground) */
#hisar-hajj .nq-guide{position:relative;display:none;align-self:end;margin-bottom:clamp(2.5rem,5vw,4rem)}
@media(min-width:980px){#hisar-hajj .nq-guide{display:block}}
#hisar-hajj .nq-guide figure{margin:0;border-radius:24px;overflow:hidden;background:#DCEAF2;
  box-shadow:0 24px 50px -28px rgba(42,36,29,.5), 0 0 0 1px rgba(42,36,29,.08) inset}
#hisar-hajj .nq-guide img{display:block;width:100%;height:auto;max-height:430px;object-fit:cover;object-position:50% 8%;
  transition:opacity .35s var(--ease)}
#hisar-hajj .nq-guide.swapping img{opacity:0}
#hisar-hajj .nq-says{position:static;padding:0 0 1.3rem;background:none;color:var(--ink);font-size:.92rem;line-height:1.5;font-weight:600;max-width:34ch}
#hisar-hajj .nq-says::before{content:"";display:block;width:34px;height:2px;background:var(--gold);border-radius:2px;margin-bottom:.7rem}

/* the card */
#hisar-hajj .nq-card{background:#fff;border:1px solid rgba(42,36,29,.12);border-radius:22px;
  box-shadow:0 30px 60px -34px rgba(42,36,29,.45);padding:clamp(1.5rem,3vw,2.4rem);margin-bottom:clamp(2.5rem,5vw,4rem)}
#hisar-hajj .nq-top{border-bottom:1px solid rgba(42,36,29,.1);padding-bottom:1rem;margin-bottom:1.6rem}
#hisar-hajj .nq-count{color:var(--gold-deep)}
#hisar-hajj .nq-dots i{background:rgba(42,36,29,.16)}
#hisar-hajj .nq-dots i.on{background:var(--gold)}
#hisar-hajj .nq-step h3{color:var(--ink);font-size:clamp(1.25rem,2.6vw,1.65rem);margin-bottom:1.4rem}
#hisar-hajj .nq-opt{color:var(--ink);background:#fff;border:1px solid rgba(42,36,29,.16);border-radius:14px;padding:1rem 1.15rem;
  box-shadow:0 1px 0 rgba(42,36,29,.04)}
#hisar-hajj .nq-opt:hover{border-color:var(--gold);background:rgba(203,164,85,.07);transform:translateX(4px)}
#hisar-hajj .nq-opt small{color:var(--muted)}
#hisar-hajj .nq-back{color:var(--muted)}
#hisar-hajj .nq-back:hover{color:var(--ink)}

/* result */
#hisar-hajj .nq-verdict.free{background:rgba(42,36,29,.08);color:var(--ink)}
#hisar-hajj .nq-verdict.setup{background:rgba(203,164,85,.2);color:var(--gold-deep)}
#hisar-hajj .nq-verdict.conc{background:var(--gold);color:#241a09}
#hisar-hajj .nq-res h3{color:var(--ink)}
#hisar-hajj .nq-price{color:var(--gold-deep)}
#hisar-hajj .nq-why li{color:var(--muted)}
#hisar-hajj .nq-why li::before{background:var(--gold)}
#hisar-hajj .nq-note{color:var(--muted)}
#hisar-hajj .nq-restart{color:var(--muted)}
#hisar-hajj .nq-restart:hover{color:var(--ink)}

/* mobile: advisor as a bust beside the question */
#hisar-hajj .nq-bust{display:flex;align-items:center;gap:.85rem;margin-bottom:1.3rem;padding-bottom:1.1rem;border-bottom:1px solid rgba(42,36,29,.1)}
@media(min-width:980px){#hisar-hajj .nq-bust{display:none}}
#hisar-hajj .nq-bust img{width:60px;height:60px;border-radius:50%;object-fit:cover;object-position:50% 12%;background:#F5FAFC;flex:none;box-shadow:0 0 0 1px rgba(203,164,85,.45),0 6px 14px -8px rgba(42,36,29,.5)}
#hisar-hajj .nq-bust span{font-size:.85rem;color:var(--muted);line-height:1.45}
@media(prefers-reduced-motion:reduce){#hisar-hajj .nq-guide img,#hisar-hajj .nq-opt{transition:none}}


/* ================= PREPARATION CENTRE ================= */
#hisar-hajj .sess{display:grid;gap:1.6rem;grid-template-columns:1fr;background:linear-gradient(160deg,#0B2A4D,#071A33);
  border:1px solid rgba(232,210,150,.3);border-radius:24px;padding:clamp(1.5rem,3.2vw,2.4rem);color:#F5FAFC}
@media(min-width:900px){#hisar-hajj .sess{grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:2.4rem;align-items:center}}
#hisar-hajj .sess-tag{display:inline-block;font-size:.66rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;
  color:#241a09;background:var(--gold-2);border-radius:999px;padding:.3rem .75rem;margin-bottom:.9rem}
#hisar-hajj .sess h3{font-size:clamp(1.5rem,3.2vw,2.1rem);color:#fff;margin:0 0 .6rem;letter-spacing:-.02em}
#hisar-hajj .sess-when{font-size:1rem;font-weight:700;color:var(--gold-2);margin:0 0 .3rem}
#hisar-hajj .sess-when small{display:block;font-weight:500;font-size:.85rem;color:rgba(245,250,252,.7);margin-top:.15rem}
#hisar-hajj .sess-cta{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.4rem}
#hisar-hajj .sess-cover h4{font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-2);margin:0 0 .8rem}
#hisar-hajj .sess-cover ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
#hisar-hajj .sess-cover li{position:relative;padding-left:1.5rem;font-size:.92rem;color:rgba(245,250,252,.86);line-height:1.5}
#hisar-hajj .sess-cover li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--gold)}

#hisar-hajj .phases{display:grid;gap:.9rem;margin-top:2.2rem}
#hisar-hajj .phase{border:1px solid rgba(42,36,29,.14);border-radius:16px;background:#fff;overflow:hidden}
#hisar-hajj .phase>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:1rem;padding:1.15rem 1.3rem;font-weight:700;color:var(--ink)}
#hisar-hajj .phase>summary::-webkit-details-marker{display:none}


#hisar-hajj .ph-no{font-size:.72rem;font-weight:800;letter-spacing:.12em;color:var(--gold-deep);background:rgba(203,164,85,.14);border-radius:8px;padding:.35rem .55rem;flex:none}
#hisar-hajj .ph-title{flex:1;min-width:0}
#hisar-hajj .ph-title span{display:block;font-weight:500;font-size:.82rem;color:var(--muted);margin-top:.15rem}
#hisar-hajj .ph-state{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:.3rem .6rem;border-radius:999px;white-space:nowrap}
#hisar-hajj .ph-state.on{background:rgba(203,164,85,.2);color:var(--gold-deep)}
#hisar-hajj .ph-state.tba{background:rgba(42,36,29,.08);color:var(--muted)}
#hisar-hajj .phase .ph-body{padding:0 1.3rem 1.3rem;border-top:1px solid rgba(42,36,29,.08)}
#hisar-hajj .phase .ph-body ul{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.45rem}
#hisar-hajj .phase .ph-body li{position:relative;padding-left:1.4rem;font-size:.92rem;color:var(--muted)}
#hisar-hajj .phase .ph-body li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--gold)}

#hisar-hajj .daysmap{width:100%;height:auto;display:block;margin:0 auto 2rem;max-width:900px}
#hisar-hajj .days{display:grid;gap:.9rem}
@media(min-width:760px){#hisar-hajj .days{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}
#hisar-hajj .day{border-left:3px solid var(--gold);background:#fff;border:1px solid rgba(42,36,29,.12);border-left-width:3px;border-radius:14px;padding:1.1rem 1.2rem}
#hisar-hajj .day b{display:block;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:.35rem}
#hisar-hajj .day h4,#hisar-hajj .day h3.dh{font-size:1.05rem;margin:0 0 .35rem;color:var(--ink)}
#hisar-hajj .day p{margin:0;font-size:.9rem;color:var(--muted);line-height:1.55}

#hisar-hajj .reslist{display:grid;gap:.8rem}
@media(min-width:760px){#hisar-hajj .reslist{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}
#hisar-hajj .res-item{display:block;border:1px solid rgba(42,36,29,.14);border-radius:14px;padding:1.1rem 1.2rem;background:#fff;text-decoration:none;color:inherit;transition:border-color .25s,transform .25s}
#hisar-hajj .res-item:hover{border-color:var(--gold);transform:translateY(-2px)}
#hisar-hajj .res-item b{display:block;font-size:1rem;color:var(--ink);margin-bottom:.25rem}
#hisar-hajj .res-item span{font-size:.86rem;color:var(--muted)}
#hisar-hajj .empty-state{border:1px dashed rgba(42,36,29,.25);border-radius:16px;padding:1.6rem;text-align:center;color:var(--muted);font-size:.92rem;background:rgba(255,255,255,.5)}


/* ---- days-map draw + deeper stagger (reveal base already defined above) ---- */
#hisar-hajj .stagger.in>*:nth-child(5){transition-delay:.28s}
#hisar-hajj .stagger.in>*:nth-child(6){transition-delay:.35s}

/* the days map draws itself once, left to right, as the visitor arrives at it */
.js #hisar-hajj .daysmap .dm-track{stroke-dasharray:760;stroke-dashoffset:760;transition:stroke-dashoffset 1.5s var(--ease-out)}
.js #hisar-hajj .daysmap .dm-leg{stroke-dasharray:120;stroke-dashoffset:120;transition:stroke-dashoffset .5s var(--ease-out)}
.js #hisar-hajj .daysmap .dm-stop{opacity:0;transform:scale(.55);transform-origin:center;transition:opacity .4s var(--ease-out),transform .45s var(--ease-out)}
#hisar-hajj .daysmap.in .dm-track,#hisar-hajj .daysmap.in .dm-leg{stroke-dashoffset:0}
#hisar-hajj .daysmap.in .dm-stop{opacity:1;transform:none}
#hisar-hajj .daysmap.in .dm-leg:nth-of-type(1){transition-delay:.30s}
#hisar-hajj .daysmap.in .dm-leg:nth-of-type(2){transition-delay:.55s}
#hisar-hajj .daysmap.in .dm-leg:nth-of-type(3){transition-delay:.80s}
#hisar-hajj .daysmap.in .dm-leg:nth-of-type(4){transition-delay:1.05s}
#hisar-hajj .daysmap.in .dm-leg:nth-of-type(5){transition-delay:1.30s}
#hisar-hajj .daysmap.in .dm-stop:nth-of-type(1){transition-delay:.18s}
#hisar-hajj .daysmap.in .dm-stop:nth-of-type(2){transition-delay:.44s}
#hisar-hajj .daysmap.in .dm-stop:nth-of-type(3){transition-delay:.70s}
#hisar-hajj .daysmap.in .dm-stop:nth-of-type(4){transition-delay:.96s}
#hisar-hajj .daysmap.in .dm-stop:nth-of-type(5){transition-delay:1.22s}
#hisar-hajj .daysmap.in .dm-stop:nth-of-type(6){transition-delay:1.48s}
/* Arafah keeps a slow, quiet pulse — the one day the whole journey turns on */
@keyframes dmPulse{0%,100%{r:26;opacity:.85}50%{r:31;opacity:.35}}
#hisar-hajj .daysmap.in .dm-halo{animation:dmPulse 3.4s var(--ease) infinite}
@media(prefers-reduced-motion:reduce){
  #hisar-hajj .daysmap .dm-track,#hisar-hajj .daysmap .dm-leg{stroke-dashoffset:0!important}
  #hisar-hajj .daysmap .dm-stop{opacity:1!important;transform:none!important}
  #hisar-hajj .daysmap .dm-halo{animation:none!important}
}

/* the old H1 line, kept as the promise directly under the keyword heading */
#hisar-hajj .h1-slogan{font-family:var(--fd,inherit);font-size:clamp(1.15rem,2.4vw,1.6rem);font-weight:500;
  line-height:1.25;color:rgba(245,250,252,.82);margin:.55rem 0 0;max-width:22ch}


/* ── The season spine ───────────────────────────────────────────────────
   Character, per DESIGN.md §9, with one page-specific decision:
     Type   · the step number is a display numeral (2.4rem) against 0.95rem
              body, matching the registration flow on /hajj/. One system.
     Color  · gold marks THE STAGE YOU ARE IN. On /hajj/ gold means "Hisar
              does this"; here almost everything is the pilgrim's own work, so
              that semantic does not transfer and would be decoration. "Where
              am I in the season" is this page's whole job, so it earns the
              signature. Turquoise stays informational: the live session.
     Space  · compressed inside a stage, 3rem released between stages.
     Finish · ONE language: an inline-start rule. State is expressed through
              the same rule (3px gold when current, 2px hairline otherwise),
              never by adding a second device.
   ---------------------------------------------------------------------- */
/* Every section head on this page left-aligns its eyebrow and its h2, then
   centres the standfirst and the h2 underline: the eye starts left, drifts to
   the middle and comes back. That is two alignments in one block, which reads
   as undecided rather than composed. One alignment per block, and it is left,
   because that is where the heading already is. Scoped to this page. */
body.page-hajj-preparation #hisar-hajj .standfirst{margin-inline:0}
body.page-hajj-preparation #hisar-hajj h2.sec::after{margin-inline:0}

#hisar-hajj .stages{list-style:none;margin:2.4rem 0 0;padding:0;display:grid;gap:3rem}
#hisar-hajj .stage{border-inline-start:2px solid var(--line,rgba(42,36,29,.15));padding-inline-start:1.5rem}
#hisar-hajj .stage.is-now{border-inline-start:3px solid var(--gold)}

#hisar-hajj .st-head{display:grid;grid-template-columns:auto 1fr;gap:1.1rem;align-items:start;margin-bottom:1.3rem}
#hisar-hajj .st-no{font-size:2.4rem;font-weight:800;line-height:.9;letter-spacing:-.03em;
  font-variant-numeric:tabular-nums;color:rgba(42,36,29,.55)}
#hisar-hajj .stage.is-now .st-no{color:var(--gold-deep)}
#hisar-hajj .st-headtext{min-width:0}
#hisar-hajj .st-when{margin:0 0 .3rem;font-size:.74rem;font-weight:800;letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted);display:flex;flex-wrap:wrap;align-items:center;gap:.55rem}
#hisar-hajj .stage.is-now .st-when{color:var(--gold-deep)}
#hisar-hajj .st-here{background:var(--gold-deep);color:#fff;border-radius:999px;
  padding:.2rem .6rem;letter-spacing:.1em}
#hisar-hajj .st-head h3{font-size:1.32rem;line-height:1.2;margin:0 0 .25rem;text-wrap:balance}
#hisar-hajj .st-sub{margin:0;color:var(--muted);font-size:.95rem}

#hisar-hajj .st-body{display:grid;grid-template-columns:1.35fr .9fr;gap:2rem;align-items:start}
#hisar-hajj .st-do h4{font-size:.74rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold-deep);margin:0 0 .7rem}

/* the checklist is the point of the page: tappable rows, not decorative ticks */
#hisar-hajj .ck{list-style:none;margin:0;padding:0;display:grid;gap:.15rem}
#hisar-hajj .ck-row{display:grid;grid-template-columns:auto 1fr;gap:.7rem;align-items:start;
  min-height:44px;padding:.45rem .5rem .45rem 0;cursor:pointer;border-radius:10px;
  transition:background .2s}
#hisar-hajj .ck-row:hover{background:rgba(203,164,85,.08)}
#hisar-hajj .ck-row input{position:absolute;opacity:0;width:1px;height:1px}
#hisar-hajj .ck-box{width:21px;height:21px;margin-top:.15rem;border:2px solid rgba(42,36,29,.3);
  border-radius:6px;flex:none;position:relative;transition:background .2s,border-color .2s}
#hisar-hajj .ck-row input:checked + .ck-box{background:var(--gold-deep) !important;border-color:var(--gold-deep) !important}
#hisar-hajj .ck-row input:checked + .ck-box::after{content:"";position:absolute;left:6px;top:2px;
  width:5px;height:10px;border:solid #fff !important;border-width:0 2.5px 2.5px 0 !important;transform:rotate(45deg)}
#hisar-hajj .ck-row input:focus-visible + .ck-box{outline:3px solid var(--turq-deep,#087F83) !important;outline-offset:3px !important}
#hisar-hajj .ck-text{font-size:.95rem;line-height:1.5}
#hisar-hajj .ck-row input:checked ~ .ck-text{color:var(--muted) !important;text-decoration:line-through;
  text-decoration-color:rgba(42,36,29,.35)}
#hisar-hajj .ck-count{margin:.7rem 0 0;font-size:.8rem;font-weight:700;color:var(--muted);
  font-variant-numeric:tabular-nums}
#hisar-hajj .ck-count.done{color:var(--gold-deep)}
#hisar-hajj .ck-save{margin:1rem 0 0;font-size:.85rem;color:var(--muted)}
#hisar-hajj .st-note{margin:.9rem 0 0;font-size:.88rem;color:var(--muted);
  border-inline-start:2px solid rgba(203,164,85,.5);padding-inline-start:.8rem}

#hisar-hajj .st-aside{display:grid;gap:.7rem}
#hisar-hajj .st-session{background:#fff;border:1px solid var(--line,rgba(42,36,29,.14));
  border-radius:14px;padding:1.05rem 1.1rem}
#hisar-hajj .st-state{display:inline-block;font-size:.66rem;font-weight:800;letter-spacing:.1em;
  text-transform:uppercase;padding:.28rem .6rem;border-radius:999px;margin-bottom:.6rem}
#hisar-hajj .st-state.on{background:rgba(203,164,85,.2);color:var(--gold-deep)}
#hisar-hajj .st-state.tba{background:rgba(42,36,29,.08);color:var(--muted)}
#hisar-hajj .st-sname{margin:0 0 .2rem;font-weight:700;font-size:1rem;line-height:1.25;color:var(--ink)}
#hisar-hajj .st-sdate{margin:0;font-size:.84rem;color:var(--muted)}
/* An unscheduled session must not weigh the same as a scheduled one: four of
   the five have no date, and the pill already says so. */
#hisar-hajj .st-session:has(.st-state.tba){padding:.85rem .95rem;background:rgba(255,255,255,.55)}
#hisar-hajj .st-session:has(.st-state.tba) .st-sname{font-size:.94rem}
#hisar-hajj .st-covers{margin-top:.7rem}
#hisar-hajj .st-covers summary{cursor:pointer;font-size:.82rem;font-weight:700;color:var(--turq-deep,#087F83)}
#hisar-hajj .st-covers summary::marker{color:var(--turq-deep,#087F83)}
#hisar-hajj .st-covers ul{margin:.6rem 0 0;padding-inline-start:1.05rem;display:grid;gap:.3rem}
#hisar-hajj .st-covers li{font-size:.86rem;color:var(--muted);line-height:1.45}
#hisar-hajj .st-res{display:block;font-size:.9rem;font-weight:700;color:var(--pine,#123D60);
  text-decoration:none;padding:.55rem 0;transition:color .2s}
#hisar-hajj .st-res:hover{color:var(--gold-deep)}

@media(max-width:900px){
  #hisar-hajj .st-body{grid-template-columns:1fr;gap:1.3rem}
}
@media(max-width:640px){
  #hisar-hajj .stages{gap:2.2rem}
  #hisar-hajj .stage{padding-inline-start:1.1rem}
  #hisar-hajj .st-no{font-size:2rem}
  #hisar-hajj .st-head{gap:.85rem}
}


/* 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 — the preparation hero had an empty right column ═══ */
#hisar-hajj .prep-next{background:rgba(8,31,56,.42);border:1px solid rgba(232,210,150,.3);
  border-radius:22px;padding:1.6rem 1.5rem;backdrop-filter:blur(6px);
  box-shadow:0 30px 64px -40px rgba(0,0,0,.7)}
#hisar-hajj .pn-tag{display:inline-block;font-size:.66rem;font-weight:800;letter-spacing:.18em;
  text-transform:uppercase;color:#0B2A47;background:linear-gradient(140deg,#E7D095,#C9A24B);
  padding:.34rem .7rem;border-radius:999px}
#hisar-hajj .pn-when{margin:.95rem 0 .2rem;color:#F5FAFC;font-size:1.02rem;line-height:1.35}
#hisar-hajj .pn-when b{display:block;font-weight:800}
#hisar-hajj .pn-when span{display:block;font-size:.85rem;color:rgba(245,250,252,.72);margin-top:.15rem}
#hisar-hajj .pn-title{font-size:1.16rem!important;line-height:1.3;color:#55D6CF!important;margin:.7rem 0 .9rem!important;
  max-width:none!important;text-wrap:balance}
#hisar-hajj .pn-list{list-style:none;margin:0 0 1.2rem;padding:0;display:grid;gap:.5rem}
#hisar-hajj .pn-list li{position:relative;padding-left:1.3rem;font-size:.9rem;line-height:1.5;
  color:rgba(245,250,252,.86)}
#hisar-hajj .pn-list li::before{content:"";position:absolute;left:0;top:.52em;width:7px;height:7px;
  border-radius:50%;background:#C9A24B}
#hisar-hajj .pn-cta{width:100%;justify-content:center}
#hisar-hajj .pn-note{margin:.95rem 0 0;font-size:.76rem;line-height:1.5;color:rgba(245,250,252,.6)}
@media(max-width:860px){#hisar-hajj .prep-next{margin-top:1.8rem}#hisar-hajj .pn-title{font-size:1.06rem!important}}


/* 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 .pn-line{color:rgba(245,250,252,.8);font-size:.95rem;line-height:1.5;margin:.6rem 0 1rem}
#hisar-hajj .pn-title{font-weight:800}
#hisar-hajj .mbar{display:none}
@media (max-width:640px){
  #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,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(232,210,150,.28);border-radius:16px;padding:4px;box-shadow:0 14px 34px -14px rgba(0,0,0,.6)}
  #hisar-hajj .mbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;text-decoration:none;color:rgba(234,242,247,.78);font-size:.62rem;font-weight:700;letter-spacing:.02em;padding:.4rem .15rem;border-radius:12px}
  #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,#F0DEAA),var(--gold,#C9A24B));color:#241a09}
  #hisar-hajj .mbar a.mreg svg{stroke:#241a09}
  #hisar-hajj{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
}
/* 1.3.0 — checklist progress, reset, official-step tag */
#hisar-hajj .ck-bar{margin:1rem 0 1.4rem;display:grid;gap:.35rem}
#hisar-hajj .ck-total{margin:0;font-weight:800;color:var(--turq,#087F83);font-size:.92rem;min-height:1.2em}
#hisar-hajj .ck-save,#hisar-hajj .ck-legend{margin:0;font-size:.85rem;color:var(--muted,#4A6076)}
#hisar-hajj .ck-reset{font:inherit;font-weight:700;background:none;border:0;padding:.3rem .1rem;min-height:44px;text-decoration:underline;color:var(--text,#0F2338);cursor:pointer}
#hisar-hajj .ck-tag{display:inline-block;font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:5px;padding:.12rem .38rem;vertical-align:.1em;margin-right:.2rem}
#hisar-hajj .ck-tag-off{background:rgba(8,127,131,.12);color:#05605f;border:1px solid rgba(8,127,131,.35)}

/* ── 1.4.0 · U06 — where you are, and an undo for clearing ───────────── */
#hisar-hajj .ck-next{margin:0 0 .25rem;font-size:.95rem;line-height:1.55;color:var(--text,#0F2338)}
#hisar-hajj .ck-next[hidden]{display:none}
/* #087F83 on the #F2F8F9 bar measures 4.47:1 — just under AA for 15px bold.
   #06666A measures 5.2:1 on the same background. */
#hisar-hajj .ck-next a{font-weight:800;color:#06666A;text-decoration:underline;text-underline-offset:3px}
#hisar-hajj .ck-temp{margin:0;font-size:.85rem;line-height:1.5;color:var(--muted,#4A6076)}
#hisar-hajj .ck-temp[hidden]{display:none}
#hisar-hajj .ck-undo{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:0;padding:.55rem .8rem;
  font-size:.88rem;font-weight:600;color:var(--text,#0F2338);background:#FBF6E8;border:1px solid var(--gold,#C9A24B);border-radius:10px}
#hisar-hajj .ck-undo[hidden]{display:none}
#hisar-hajj .ck-undo .ck-reset{color:var(--gold-deep,#7E5F18)}
#hisar-hajj .st-here[hidden]{display:none}

/* ── 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-preparation{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}
}
/* 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: 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}