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

/* ============================================================
   HISAR TOUR — HAJJ 2027 · design system v3 "Manuscript & Midnight"
   Display + Body/UI: Plus Jakarta Sans (single brand font) · Script: Amiri
   Language: hairlines over boxes · gold = ornament, turquoise = state
   Rule #1 unchanged: nothing depends on JS to be visible.
   ============================================================ */
#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;
  --text:#0F2338;--muted:#51677C;--line:rgba(15,45,80,.14);
  --hair:rgba(13,42,74,.12);--hair-d:rgba(234,242,247,.14);
  --card:#FFFFFF;
  --fd:"Plus Jakarta Sans",system-ui,sans-serif;--fs:"Plus Jakarta Sans",system-ui,sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);--ease-out:cubic-bezier(.16,1,.3,1);
}
#hisar-hajj *{box-sizing:border-box}
#hisar-hajj{scroll-behavior:smooth}
#hisar-hajj [id]{scroll-margin-top:96px}
#hisar-hajj{margin:0;font-family:var(--fs);color:var(--text);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
#hisar-hajj h1,#hisar-hajj h2{font-family:var(--fd);font-weight:400;line-height:1.08;margin:0;letter-spacing:.005em}
#hisar-hajj h3,#hisar-hajj h4{font-weight:700;line-height:1.2;margin:0;letter-spacing:-.01em}
#hisar-hajj p{margin:0}
#hisar-hajj a{color:inherit}
#hisar-hajj img{max-width:100%;display:block}
#hisar-hajj .wrap{width:min(1220px,92vw);margin-inline:auto}
#hisar-hajj .grain{position:absolute;inset:0;opacity:.4;pointer-events:none;z-index:0}
#hisar-hajj .skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:.8rem 1.2rem;z-index:100;border-radius:0 0 12px 0;font-weight:700;text-decoration:none}
#hisar-hajj .skip:focus{left:0}
#hisar-hajj :where(a,#hisar-hajj button,#hisar-hajj summary,#hisar-hajj select):focus-visible{outline:2px solid var(--turq) !important;outline-offset:3px !important;border-radius:6px}

/* ---- label & tag system ---- */
#hisar-hajj .eyebrow{font-size:.64rem;letter-spacing:.3em;text-transform:uppercase;font-weight:800;color:var(--gold-deep);display:inline-flex;align-items:center;gap:.7rem}
#hisar-hajj .eyebrow::before{content:"";width:34px;height:1px;background:currentColor;opacity:.7}
#hisar-hajj .on-dark .eyebrow{color:var(--gold-2)}
#hisar-hajj .sec-head{max-width:66ch;margin-bottom:2.8rem;position:relative}
#hisar-hajj .sec-head.center{text-align:center;margin-inline:auto}
#hisar-hajj .sec-head.center .eyebrow{justify-content:center}
#hisar-hajj .sec-head.center .eyebrow::after{content:"";width:34px;height:1px;background:currentColor;opacity:.7}
#hisar-hajj .sec-head h2{font-size:clamp(2rem,4.2vw,3rem);margin:.7rem 0 .85rem;color:var(--ink)}
#hisar-hajj .on-dark .sec-head h2{color:#fff}
#hisar-hajj .sec-head p{color:var(--muted);font-size:1.05rem;line-height:1.65}
#hisar-hajj .on-dark .sec-head p{color:rgba(234,242,247,.76)}
#hisar-hajj section{padding:clamp(3.4rem,8vw,6rem) 0;position:relative}

#hisar-hajj .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:700;font-size:.95rem;padding:.85rem 1.7rem;border-radius:999px;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:transform .3s var(--ease-out),box-shadow .3s,background .3s,color .3s,border-color .3s;min-height:48px;font-family:var(--fs)}
#hisar-hajj .btn-gold{background:linear-gradient(135deg,var(--gold-bright),var(--gold) 62%,var(--gold-deep));color:#241a09;box-shadow:0 10px 24px -12px rgba(169,132,59,.8)}
#hisar-hajj .btn-gold:hover{transform:translateY(-2px);box-shadow:0 16px 32px -14px rgba(169,132,59,.9)}
#hisar-hajj .btn-ghost{border-color:rgba(203,164,85,.55);color:var(--turq-deep)}
#hisar-hajj .on-dark .btn-ghost{color:var(--turq-2);border-color:rgba(203,164,85,.45)}
#hisar-hajj .btn-ghost:hover{background:rgba(203,164,85,.1);transform:translateY(-2px)}

/* ---- top bar / header ---- */
#hisar-hajj .topbar{background:var(--ink);color:var(--ivory);font-size:.8rem}
#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(243,248,251,.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 10px 30px -22px rgba(6,20,40,.55);border-color:var(--hair)}
#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 nav.links{display:flex;align-items:center;gap:1.7rem}
#hisar-hajj nav.links a{text-decoration:none;font-weight:600;font-size:.9rem;color:var(--text);position:relative;padding:.2rem 0;white-space:nowrap}
#hisar-hajj nav.links a::after{content:"";position:absolute;left:0;bottom:-3px;height:1px;width:0;background:var(--gold-deep);transition:width .3s var(--ease)}
#hisar-hajj nav.links a:hover::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{background:
  radial-gradient(90% 70% at 78% 8%,rgba(203,164,85,.85),transparent 60%),
  radial-gradient(140% 120% at 50% -30%,var(--pine-2),var(--ink) 62%);
  color:var(--ivory);overflow:hidden;isolation:isolate;padding:0}
#hisar-hajj .hero .wrap{position:relative;z-index:3;display:grid;grid-template-columns:1.05fr .95fr;gap:2.4rem;align-items:center;padding:clamp(3rem,6vw,4.8rem) 0 clamp(4.6rem,9vw,7.2rem)}
#hisar-hajj .hero h1{font-size:clamp(3.4rem,8.4vw,6.6rem);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 7s linear infinite}
@keyframes shimmer{to{background-position:200% center}}
#hisar-hajj .hero .h1-sub{display:block;font-family:var(--fs);font-weight:700;font-size:clamp(.76rem,1.5vw,.95rem);letter-spacing:.3em;text-transform:uppercase;color:var(--turq-2);margin-top:.9rem}
#hisar-hajj .hero .lede{font-size:1.1rem;font-weight:400;color:rgba(234,242,247,.82);max-width:48ch;margin:1.3rem 0 1.9rem;line-height:1.7}
#hisar-hajj .hero-cta{display:flex;gap:.9rem;flex-wrap:wrap}
#hisar-hajj .hero-chips{display:flex;gap:1.6rem;row-gap:.6rem;flex-wrap:wrap;margin-top:1.9rem;padding-top:1.2rem;border-top:1px solid var(--hair-d)}
#hisar-hajj .hchip{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;letter-spacing:.03em;color:rgba(234,242,247,.85);text-decoration:none;padding:.1rem 0;transition:color .25s}
#hisar-hajj .hchip b{color:var(--gold-2);font-weight:400;font-size:.6rem}
#hisar-hajj .hchip:hover{color:var(--gold-bright)}
#hisar-hajj .count{margin-top:2rem;border:1px solid rgba(232,210,150,.26);border-radius:16px;background:rgba(7,26,51,.38);backdrop-filter:blur(4px);padding:.95rem 1.3rem;display:inline-flex;align-items:center;gap:1.2rem;flex-wrap:wrap}
#hisar-hajj .count .cl{font-size:.6rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:rgba(234,242,247,.6);max-width:12ch;line-height:1.5}
#hisar-hajj .count .cl b{display:block;color:var(--gold-2);font-size:.68rem}
#hisar-hajj .cd{display:flex}
#hisar-hajj .cd div{text-align:center;min-width:58px;padding:0 .55rem;border-left:1px solid var(--hair-d)}
#hisar-hajj .cd div:first-child{border-left:0;padding-left:0}
#hisar-hajj .cd b{display:block;font-family:var(--fd);font-weight:400;font-size:1.8rem;color:var(--gold-2);font-variant-numeric:tabular-nums;line-height:1.05}
#hisar-hajj .cd span{font-size:.54rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:rgba(234,242,247,.5)}

/* orbit */
#hisar-hajj .hero-art{position:relative;z-index:3}
#hisar-hajj .orbit{position:relative;width:min(430px,78vw);aspect-ratio:1;margin:0 auto}
#hisar-hajj .orbit svg{width:100%;height:100%;overflow:visible}
#hisar-hajj .orbit .halo{filter:drop-shadow(0 0 40px rgba(203,164,85,.4))}
#hisar-hajj .spin{transform-origin:200px 200px;animation:tawaf 26s linear infinite}
#hisar-hajj .spin.slow{animation-duration:40s}
@keyframes tawaf{to{transform:rotate(-360deg)}}
#hisar-hajj .kaaba-core{animation:breathe 5s ease-in-out infinite}
@keyframes breathe{0%,100%{opacity:.92}50%{opacity:1}}
#hisar-hajj .orbit .lbl{font-size:11px;font-weight:700;letter-spacing:.18em;fill:rgba(234,242,247,.5);text-transform:uppercase}
#hisar-hajj .zm-orbit-dot{fill:var(--gold-2)}
#hisar-hajj .skyline{position:absolute;left:0;right:0;bottom:-2px;z-index:1;pointer-events:none}
#hisar-hajj .skyline svg{display:block;width:100%;height:auto}

/* ---- ribbon ---- */
#hisar-hajj .ribbon{background:linear-gradient(90deg,var(--gold-bright),var(--gold-2));color:#241a09;font-weight:700;font-size:.88rem;position:relative;z-index:4}
#hisar-hajj .ribbon .wrap{display:flex;gap:.8rem;align-items:center;justify-content:center;padding:.72rem 0;text-align:center;flex-wrap:wrap}
#hisar-hajj .ribbon .tag{background:#241a09;color:var(--gold-bright);border-radius:6px;padding:.16rem .65rem;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800}

/* ============================== PRICE FLOW ============================== */
#hisar-hajj .anatomy{max-width:1140px;margin-inline:auto}
#hisar-hajj .spine{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:1.7rem;position:relative}
#hisar-hajj .spine::before{content:"";position:absolute;left:24px;right:24px;top:24px;height:1px;background:linear-gradient(90deg,rgba(13,42,74,.22),var(--gold) 55%,var(--gold-deep))}
#hisar-hajj .sp{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.6rem}
#hisar-hajj .sp-node{width:48px;height:48px;border-radius:50%;background:#fff;border:1px solid rgba(169,132,59,.6);display:flex;align-items:center;justify-content:center;position:relative;z-index:1;box-shadow:0 0 0 7px var(--paper)}
#hisar-hajj .sp-node i{font-family:var(--fd);font-style:normal;font-size:1.5rem;color:var(--gold-deep);line-height:1}
#hisar-hajj .sp.main .sp-node{background:var(--ink);border-color:var(--ink)}
#hisar-hajj .sp.main .sp-node i{color:var(--gold-2)}
#hisar-hajj .sp.total .sp-node{background:linear-gradient(135deg,var(--gold-bright),var(--gold));border-color:var(--gold)}
#hisar-hajj .sp.total .sp-node i{color:#241a09}
#hisar-hajj .sp+.sp::after{content:"+";position:absolute;left:-1.3rem;top:13px;font-family:var(--fd);font-size:1.25rem;color:var(--gold-deep);background:var(--paper);padding:0 .25rem;line-height:1.4;z-index:1}
#hisar-hajj .sp.total::after{content:"="}
#hisar-hajj .sp h3{font-size:.99rem;margin:.15rem 0 0;color:var(--ink)}
#hisar-hajj .sp p{font-size:.82rem;color:var(--muted);line-height:1.6}
#hisar-hajj .ftag{font-size:.56rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;border-radius:5px;padding:.18rem .55rem;display:inline-block;border:1px solid}
#hisar-hajj .sp .ftag.inc{color:var(--gold-deep);border-color:rgba(169,132,59,.45);background:rgba(203,164,85,.08)}
#hisar-hajj .sp .ftag.opt{color:var(--turq-deep);border-color:rgba(203,164,85,.35);background:rgba(203,164,85,.06)}
#hisar-hajj .sp .ftag.tot{color:var(--ink);border-color:rgba(13,42,74,.3);background:rgba(13,42,74,.05)}
#hisar-hajj .anat-foot{margin-top:2.4rem;padding-top:1.2rem;border-top:1px solid var(--hair);font-size:.84rem;color:var(--muted);text-align:center}

/* ============================== QUIZ ============================== */
#hisar-hajj .quiz-band{background:
  radial-gradient(80% 100% at 15% 0%,rgba(203,164,85,.7),transparent 60%),
  radial-gradient(140% 140% at 50% -20%,var(--pine-2),var(--ink) 64%);
  color:var(--ivory);isolation:isolate;overflow:hidden}
#hisar-hajj .quiz-frame{position:relative;max-width:880px;margin-inline:auto;border-radius:26px;padding:1px;background:linear-gradient(135deg,rgba(232,210,150,.7),rgba(203,164,85,.2) 40%,rgba(203,164,85,.3));box-shadow:0 34px 80px -46px rgba(0,0,0,.85)}
#hisar-hajj .quiz-shell{background:linear-gradient(180deg,#0B2140,#081C36);border-radius:25px;overflow:hidden}
#hisar-hajj .quiz-top{padding:1.5rem 2.2rem 1.2rem;display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-bottom:1px solid var(--hair-d)}
#hisar-hajj .quiz-top h3{font-family:var(--fd);font-weight:400;font-size:1.45rem;color:#fff;letter-spacing:.01em}
#hisar-hajj .quiz-top .bismillah{font-family:"Amiri",serif;font-size:1.4rem;color:var(--gold-2)}
#hisar-hajj .q-dots{display:flex;gap:.45rem;align-items:center;padding:1.2rem 2.2rem 0}
#hisar-hajj .q-dot{width:38px;height:3px;border-radius:999px;background:rgba(234,242,247,.14);transition:background .3s}
#hisar-hajj .q-dot.on{background:linear-gradient(90deg,var(--gold),var(--gold-2))}
#hisar-hajj .quiz-body{padding:1.5rem 2.2rem 2.2rem}
#hisar-hajj .q-step{display:none}
#hisar-hajj .q-step.active{display:block;animation:qin .45s var(--ease-out)}
@keyframes qin{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
#hisar-hajj .q-num{font-size:.62rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--turq-2)}
#hisar-hajj .q-step h4{font-family:var(--fd);font-weight:400;font-size:clamp(1.35rem,2.8vw,1.7rem);margin:.6rem 0 1.4rem;color:#fff;letter-spacing:.005em}
#hisar-hajj .q-opts{display:grid;gap:.7rem}
#hisar-hajj .q-opt{display:flex;align-items:center;gap:1.05rem;text-align:left;background:rgba(234,242,247,.04);border:1px solid rgba(234,242,247,.16);border-radius:14px;padding:1.05rem 1.25rem;cursor:pointer;font:inherit;font-weight:600;color:var(--ivory);transition:border-color .25s,background .25s,transform .25s var(--ease-out)}
#hisar-hajj .q-opt:hover{border-color:rgba(232,210,150,.7);background:rgba(203,164,85,.09);transform:translateY(-2px)}
#hisar-hajj .q-opt.sel{border-color:rgba(203,164,85,.7);background:rgba(203,164,85,.1)}
#hisar-hajj .q-opt .oi{width:24px;height:24px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:var(--gold-2);opacity:.9;background:none;border-radius:0}
#hisar-hajj .q-opt .oi svg{width:21px;height:21px}
#hisar-hajj .q-opt small{display:block;font-weight:500;color:rgba(234,242,247,.6);font-size:.82rem;margin-top:.15rem}
#hisar-hajj .q-back{background:none;border:0;color:rgba(234,242,247,.55);font:inherit;font-weight:600;cursor:pointer;padding:.4rem 0;margin-top:1.2rem;display:none;align-items:center;gap:.4rem}
#hisar-hajj .q-back.show{display:inline-flex}
#hisar-hajj .q-result{display:none}
#hisar-hajj .q-result.active{display:block;animation:qin .5s var(--ease-out)}
#hisar-hajj .q-rec{border:1px solid rgba(203,164,85,.6);border-radius:18px;padding:1.6rem 1.7rem;background:linear-gradient(135deg,rgba(203,164,85,.14),rgba(203,164,85,.02));margin-bottom:1.1rem}
#hisar-hajj .q-rec .tg{font-size:.6rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-2)}
#hisar-hajj .q-rec h4{font-family:var(--fd);font-weight:400;font-size:2rem;margin:.4rem 0 .7rem;color:#fff}
#hisar-hajj .q-rec ul{margin:.4rem 0 1.2rem;padding-left:1.1rem;color:rgba(234,242,247,.78);font-size:.94rem}
#hisar-hajj .q-rec ul li{margin:.35rem 0}
#hisar-hajj .q-alt{font-size:.92rem;color:rgba(234,242,247,.65);margin-bottom:1.2rem}
#hisar-hajj .q-alt b{color:#fff}
#hisar-hajj .q-actions{display:flex;gap:.8rem;flex-wrap:wrap}
#hisar-hajj .q-restart{background:none;border:0;color:var(--turq-2);font:inherit;font-weight:700;cursor:pointer;min-height:44px;padding:.4rem .2rem;margin-top:.9rem}
/* 1.4.0 - U03: what the match was built from, and an honest boundary. */
#hisar-hajj .q-basis{font-size:.88rem;color:rgba(234,242,247,.72);margin:.1rem 0 .6rem}
#hisar-hajj .q-disc{font-size:.84rem;line-height:1.5;color:rgba(234,242,247,.6);margin:0 0 .4rem}
#hisar-hajj .q-after{display:flex;flex-wrap:wrap;gap:1.1rem;align-items:center}
#hisar-hajj .q-live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
#hisar-hajj .q-step h4:focus-visible,#hisar-hajj #recName:focus-visible{outline:3px solid var(--gold-2);outline-offset:4px;border-radius:6px}
#hisar-hajj .quiz-note{max-width:880px;margin:1.3rem auto 0;font-size:.84rem;color:rgba(234,242,247,.55);text-align:center;position:relative}
#hisar-hajj .quiz-note a{color:var(--turq-2);font-weight:700;text-decoration:none}
#hisar-hajj .q-static{padding:1.7rem 2.2rem 2.1rem;color:rgba(234,242,247,.85);font-size:.95rem;line-height:1.7}
#hisar-hajj .q-static b{color:var(--gold-2)}
.js #hisar-hajj .q-static{display:none}
.no-js #hisar-hajj .q-dots,.no-js #hisar-hajj .quiz-body{display:none}

/* ============================== PACKAGES ============================== */
#hisar-hajj .pk-nav{position:sticky;top:76px;z-index:40;display:flex;gap:.45rem;flex-wrap:wrap;background:rgba(243,248,251,.92);backdrop-filter:blur(8px);padding:.65rem 0;margin-bottom:1.8rem}
#hisar-hajj .pk-nav a{font-size:.74rem;font-weight:700;letter-spacing:.05em;text-decoration:none;border:1px solid var(--hair);border-radius:9px;padding:.45rem 1rem;color:var(--pine);background:var(--card);transition:border-color .25s,background .25s,color .25s}
#hisar-hajj .pk-nav a:hover{border-color:var(--gold)}
#hisar-hajj .pk-nav a.on{background:linear-gradient(135deg,var(--gold-bright),var(--gold));border-color:var(--gold);color:#241a09}
#hisar-hajj .pkg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(335px,1fr));gap:1.7rem}
#hisar-hajj .pkg{background:var(--card);border:1px solid var(--hair);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(6,20,40,.05);transition:transform .35s var(--ease-out),box-shadow .35s,border-color .35s;position:relative;scroll-margin-top:150px}
#hisar-hajj .pkg:hover{transform:translateY(-5px);box-shadow:0 26px 50px -30px rgba(6,20,40,.4);border-color:rgba(169,132,59,.35)}
#hisar-hajj .pkg-head{position:relative;padding:1.7rem 1.7rem 1.5rem;color:var(--ivory);isolation:isolate;overflow:hidden;min-height:218px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}
#hisar-hajj .pkg-head .ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
#hisar-hajj .pkg-head::before{content:"";position:absolute;inset:0;z-index:-1}
#hisar-hajj .pkg-head.t-platinum::before{background:linear-gradient(184deg,rgba(30,62,105,.35) 0%,rgba(7,26,51,.6) 45%,rgba(7,26,51,.95) 80%)}
#hisar-hajj .pkg-head.t-platinum-s::before{background:linear-gradient(184deg,rgba(18,66,102,.35) 0%,rgba(9,32,56,.6) 45%,rgba(9,32,56,.95) 80%)}
#hisar-hajj .pkg-head.t-gold::before{background:linear-gradient(184deg,rgba(148,115,50,.38) 0%,rgba(64,47,13,.62) 45%,rgba(52,39,11,.95) 80%)}
#hisar-hajj .pkg-head.t-gold-s::before{background:linear-gradient(184deg,rgba(122,94,39,.38) 0%,rgba(50,37,10,.64) 45%,rgba(42,31,9,.95) 80%)}
#hisar-hajj .pkg-head.t-silver::before{background:linear-gradient(184deg,rgba(74,98,122,.35) 0%,rgba(26,44,62,.62) 45%,rgba(24,40,56,.95) 80%)}
#hisar-hajj .pkg-head .khatam-bg{position:absolute;inset:0;opacity:.35;z-index:-1}
#hisar-hajj .pkg-head.t-platinum{background:radial-gradient(140% 160% at 20% -30%,#2A4A7A,var(--ink) 70%)}
#hisar-hajj .pkg-head.t-platinum-s{background:radial-gradient(140% 160% at 20% -30%,#1E5F8C,#0A2440 70%)}
#hisar-hajj .pkg-head.t-gold{background:radial-gradient(140% 160% at 20% -30%,#A8853F,#4A370F 74%)}
#hisar-hajj .pkg-head.t-gold-s{background:radial-gradient(140% 160% at 20% -30%,#8F6F2F,#3A2B0C 74%)}
#hisar-hajj .pkg-head.t-silver{background:radial-gradient(140% 160% at 20% -30%,#54708B,#1E3349 74%)}
#hisar-hajj .pkg-flag{position:absolute;top:1.15rem;right:1.15rem;transform:none;background:rgba(7,26,51,.35);border:1px solid rgba(242,223,166,.55);color:var(--gold-bright);font-size:.56rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;padding:.3rem .6rem;border-radius:5px;box-shadow:none;backdrop-filter:blur(3px)}
#hisar-hajj .pkg-cat{display:inline-flex;align-items:center;font-size:.58rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-2);border:1px solid rgba(232,210,150,.4);border-radius:5px;padding:.3rem .65rem;background:rgba(7,26,51,.22)}
#hisar-hajj .pkg-head h3{font-family:var(--fd);font-weight:400;font-size:2rem;margin:.85rem 0 .3rem;letter-spacing:.01em}
#hisar-hajj .pkg-head .sub{font-size:.84rem;color:rgba(234,242,247,.75);font-weight:500}
#hisar-hajj .pkg-body{padding:.4rem 1.7rem 1.7rem;display:flex;flex-direction:column;flex:1;gap:1.1rem}
#hisar-hajj .pkg-rows{display:block}
#hisar-hajj .pkg-row{display:flex;gap:.8rem;align-items:flex-start;font-size:.92rem;padding:.85rem 0;border-bottom:1px solid var(--hair)}
#hisar-hajj .pkg-row:last-child{border-bottom:0}
#hisar-hajj .pkg-row .ri{width:20px;height:20px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:var(--gold-deep);opacity:.8;background:none;border-radius:0;margin-top:.15rem}
#hisar-hajj .pkg-row .ri svg{width:18px;height:18px}
#hisar-hajj .pkg-row>div{min-width:0;flex:1}
#hisar-hajj .pkg-row b{display:block;font-size:.6rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:.1rem}
#hisar-hajj .pkg-row span{color:var(--text);font-weight:700}
#hisar-hajj .pkg-row small{display:block;color:var(--muted);font-weight:500;font-size:.8rem;margin-top:.1rem}
#hisar-hajj .meter{margin-top:.45rem;max-width:240px}
#hisar-hajj .meter .mt{display:flex;justify-content:space-between;font-size:.6rem;font-weight:800;letter-spacing:.08em;color:var(--muted);text-transform:uppercase;margin-bottom:.25rem}
#hisar-hajj .meter .mtrack{height:3px;border-radius:999px;background:#E4EBF1;overflow:hidden}
#hisar-hajj .meter .mtrack i{display:block;height:100%;border-radius:999px;background:var(--gold-deep)}
#hisar-hajj .route-line{display:flex;align-items:center;gap:.3rem;margin-top:.45rem;flex-wrap:wrap}
#hisar-hajj .rl-stop{font-size:.62rem;font-weight:800;letter-spacing:.06em;color:var(--pine);background:none;border:1px solid var(--hair);border-radius:5px;padding:.18rem .5rem;white-space:nowrap}
#hisar-hajj .rl-stop.k{border-color:rgba(169,132,59,.5);color:var(--gold-deep);background:rgba(203,164,85,.07)}
#hisar-hajj .rl-arrow{color:var(--gold-deep);font-weight:700;font-size:.72rem;opacity:.7}
#hisar-hajj .gates{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.25rem}
#hisar-hajj .gate{font-size:.66rem;font-weight:800;letter-spacing:.08em;background:none;border:1px solid var(--hair);border-radius:5px;padding:.2rem .55rem;color:var(--pine)}
#hisar-hajj .copt{display:grid;grid-template-columns:minmax(0,1fr) auto 52px auto;align-items:center;gap:.5rem;margin-top:.45rem}
#hisar-hajj .cname{font-weight:700;font-size:.86rem;color:var(--text)}
#hisar-hajj .ctag{font-size:.54rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;border-radius:5px;padding:.14rem .45rem;white-space:nowrap;border:1px solid}
#hisar-hajj .ctag.inc{color:var(--turq-deep);border-color:rgba(203,164,85,.4);background:rgba(203,164,85,.06)}
#hisar-hajj .ctag.up{color:var(--gold-deep);border-color:rgba(169,132,59,.45);background:rgba(203,164,85,.07)}
#hisar-hajj .cmeter{height:3px;border-radius:999px;background:#E4EBF1;overflow:hidden;display:block}
#hisar-hajj .cmeter i{display:block;height:100%;background:var(--gold-deep)}
#hisar-hajj .cdist{font-size:.68rem;font-weight:800;color:var(--muted);white-space:nowrap}
#hisar-hajj .price-box{border:1px solid var(--hair);border-radius:14px;padding:1.1rem 1.2rem;background:linear-gradient(180deg,#FCFDFE,#F5F9FC)}
#hisar-hajj .price-box .pk{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem;flex-wrap:wrap}
#hisar-hajj .price-box .plabel{font-size:.6rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
#hisar-hajj .price-box .pv{font-family:var(--fd);font-weight:400;font-size:1.9rem;color:var(--ink);letter-spacing:.005em;line-height:1.15;font-variant-numeric:tabular-nums;margin-top:.15rem}
#hisar-hajj .price-box .pv small{font-family:var(--fs);font-size:.72rem;font-weight:700;color:var(--muted);letter-spacing:.02em}
#hisar-hajj .price-box .pvusd{font-size:.76rem;font-weight:700;color:var(--muted);margin-top:.2rem}
#hisar-hajj .price-box .psub{font-size:.77rem;color:var(--muted);margin-top:.45rem}
#hisar-hajj .pill-2026,#hisar-hajj .pill-tba{font-size:.56rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;border-radius:5px;padding:.24rem .55rem;white-space:nowrap;border:1px solid;margin-top:.2rem}
#hisar-hajj .pill-2026{background:rgba(203,164,85,.1);border-color:rgba(169,132,59,.45);color:var(--gold-deep)}
#hisar-hajj .pill-tba{background:rgba(203,164,85,.06);border-color:rgba(203,164,85,.4);color:var(--turq-deep)}
#hisar-hajj .price-split{display:flex;gap:1.1rem;margin-top:.8rem;padding-top:.8rem;border-top:1px dashed var(--hair);flex-wrap:wrap}
#hisar-hajj .price-split div{font-size:.74rem;color:var(--muted)}
#hisar-hajj .price-split b{display:block;font-size:.8rem;color:var(--text)}
#hisar-hajj .pkg-cta{display:flex;gap:.7rem;margin-top:auto}
#hisar-hajj .pkg-cta .btn{flex:1;font-size:.84rem;padding:.85rem .9rem}
#hisar-hajj .btn-copy{background:var(--ink);color:var(--ivory);border:0}
#hisar-hajj .btn-copy:hover{background:var(--ink-2);transform:translateY(-2px)}
#hisar-hajj .btn-copy.copied{background:var(--turq-deep)}
#hisar-hajj .btn-copy svg{width:16px;height:16px}
#hisar-hajj .btn-copy[disabled]{background:#E3EAF0;color:#7A8DA0;cursor:not-allowed;box-shadow:none}
#hisar-hajj .btn-copy[disabled]:hover{transform:none}
#hisar-hajj .howcopy{max-width:940px;margin:2.6rem auto 0;background:var(--card);border:1px solid var(--hair);border-radius:16px;padding:1.6rem 1.8rem;display:grid;grid-template-columns:auto 1fr;gap:1.2rem;align-items:start}
#hisar-hajj .howcopy .hi{width:26px;height:26px;display:flex;align-items:center;justify-content:center;color:var(--gold-deep);background:none;border-radius:0;margin-top:.15rem}
#hisar-hajj .howcopy .hi svg{width:24px;height:24px}
#hisar-hajj .howcopy h3{font-size:1.02rem;margin-bottom:.45rem;color:var(--ink)}
#hisar-hajj .howcopy ol{margin:.2rem 0 0;padding-left:1.2rem;color:var(--muted);font-size:.92rem}
#hisar-hajj .howcopy ol li{margin:.3rem 0;padding-left:.2rem}
#hisar-hajj .howcopy ol li::marker{color:var(--gold-deep);font-weight:800}
#hisar-hajj .howcopy a{color:var(--turq-deep);font-weight:700;text-decoration:none}
#hisar-hajj .howcopy a:hover{text-decoration:underline}

/* ============================== PROXIMITY ATLAS ============================== */
#hisar-hajj .atlas-band{background:
  radial-gradient(70% 90% at 85% 0%,rgba(203,164,85,.6),transparent 55%),
  radial-gradient(140% 140% at 50% -20%,var(--pine-2),var(--ink) 66%);
  color:var(--ivory);isolation:isolate;overflow:hidden}
#hisar-hajj .atlas-chips{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem;position:relative}
#hisar-hajj .achip{font-size:.74rem;font-weight:700;letter-spacing:.05em;color:rgba(234,242,247,.85);border:1px solid rgba(234,242,247,.22);border-radius:9px;padding:.5rem 1.05rem;background:rgba(7,26,51,.3);cursor:pointer;font-family:inherit;transition:border-color .25s,background .25s,transform .25s var(--ease-out),color .25s}
#hisar-hajj .achip:hover{transform:translateY(-2px);border-color:rgba(232,210,150,.7)}
#hisar-hajj .achip.on{background:linear-gradient(135deg,var(--gold-bright),var(--gold));color:#241a09;border-color:var(--gold)}
#hisar-hajj .atlas-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;position:relative}
#hisar-hajj .atlas-card{background:rgba(7,26,51,.48);border:1px solid var(--hair-d);border-radius:20px;padding:1.6rem 1.6rem 1.2rem;backdrop-filter:blur(4px)}
#hisar-hajj .atlas-card h3{font-family:var(--fd);font-weight:400;font-size:1.22rem;color:#fff;margin-bottom:.25rem;letter-spacing:.01em}
#hisar-hajj .atlas-card .ax{font-size:.76rem;color:rgba(234,242,247,.55);margin-bottom:.9rem;letter-spacing:.04em}
#hisar-hajj .atlas-card svg{width:100%;height:auto;display:block}
#hisar-hajj .a-ringlbl{font-size:9.5px;font-weight:700;letter-spacing:.16em;fill:rgba(234,242,247,.42);text-transform:uppercase}
#hisar-hajj .a-dotlbl{font-size:11px;font-weight:800;fill:#F5FAFC}
#hisar-hajj .a-dotsub{font-size:9px;font-weight:600;fill:rgba(234,242,247,.58)}
#hisar-hajj .a-dot{transition:opacity .3s}
#hisar-hajj .a-dot.dim{opacity:.2}
#hisar-hajj .atlas-cap{margin-top:1.3rem;font-size:.92rem;color:rgba(234,242,247,.75);min-height:2.4em;position:relative;line-height:1.6}
#hisar-hajj .atlas-cap b{color:var(--gold-2)}
#hisar-hajj .atlas-note{font-size:.72rem;color:rgba(234,242,247,.4);margin-top:.9rem;position:relative}

/* ============================== COMPARE ============================== */
#hisar-hajj .tbl-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:18px;border:1px solid var(--hair);background:#fff}
#hisar-hajj table.compare{border-collapse:collapse;width:100%;min-width:920px;font-size:.89rem}
#hisar-hajj .compare th,#hisar-hajj .compare td{padding:1rem 1.15rem;text-align:left;border-bottom:1px solid var(--hair);vertical-align:top}
#hisar-hajj .compare thead th{font-family:var(--fd);font-weight:400;font-size:1.02rem;letter-spacing:.03em;color:var(--gold-2);background:var(--ink);white-space:nowrap;position:sticky;top:0}
#hisar-hajj .compare thead th:first-child{font-family:var(--fs);font-size:.62rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:rgba(234,242,247,.55);position:sticky;left:0;z-index:4}
#hisar-hajj .compare tbody th{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:800;white-space:nowrap;background:#F6FAFC;position:sticky;left:0;z-index:2;box-shadow:6px 0 12px -10px rgba(6,20,40,.2)}
#hisar-hajj .compare td{color:var(--text)}
#hisar-hajj .compare td b{color:var(--ink)}
#hisar-hajj .compare tbody tr:hover td{background:rgba(203,164,85,.05)}
#hisar-hajj .compare tr:last-child th,#hisar-hajj .compare tr:last-child td{border-bottom:0}
#hisar-hajj .compare .tba{color:var(--turq-deep);font-weight:700}
#hisar-hajj .swipe-hint{display:none;font-size:.76rem;color:var(--muted);margin-top:.7rem;text-align:center}

/* ============================== EXPLAINERS ============================== */
#hisar-hajj .explain{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}
#hisar-hajj .ex-card{background:var(--card);border:1px solid var(--hair);border-top:2px solid var(--gold);border-radius:14px;padding:1.7rem 1.6rem}
#hisar-hajj .ex-card .xi{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--gold-deep);background:none;border-radius:0;margin-bottom:.9rem}
#hisar-hajj .ex-card .xi svg{width:23px;height:23px}
#hisar-hajj .ex-card h3{font-size:1.1rem;margin-bottom:.6rem;color:var(--ink)}
#hisar-hajj .ex-card p{font-size:.92rem;color:var(--muted);line-height:1.6}
#hisar-hajj .ex-card p+p{margin-top:.5rem}
#hisar-hajj .ex-card .vs{display:block;font-size:.6rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep);margin:.85rem 0 .2rem}
#hisar-hajj .ex-card a{color:var(--turq-deep);font-weight:700;text-decoration:none}

/* ============================== TIMELINE ============================== */
#hisar-hajj .tl-band{background:radial-gradient(140% 140% at 50% -20%,var(--pine-2),var(--ink) 64%);color:var(--ivory);isolation:isolate;overflow:hidden}
#hisar-hajj .timeline{position:relative;max-width:840px;margin-inline:auto;padding-left:2.1rem}
#hisar-hajj .timeline::before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:1px;background:linear-gradient(180deg,rgba(203,164,85,.7),rgba(203,164,85,.8))}
#hisar-hajj .t-item{position:relative;padding:0 0 2.1rem 1.4rem}
#hisar-hajj .t-item:last-child{padding-bottom:0}
#hisar-hajj .t-item::before{content:"";position:absolute;left:-2.1rem;top:5px;width:13px;height:13px;border-radius:50%;background:var(--ink);border:2px solid var(--turq)}
#hisar-hajj .t-item.gold::before{border-color:var(--gold)}
#hisar-hajj .t-item .when{font-size:.62rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--turq-2)}
#hisar-hajj .t-item.gold .when{color:var(--gold-2)}
#hisar-hajj .t-item h3{font-family:var(--fd);font-weight:400;font-size:1.3rem;margin:.4rem 0 .35rem;color:#fff;letter-spacing:.01em}
#hisar-hajj .t-item p{font-size:.93rem;color:rgba(234,242,247,.72);max-width:58ch;line-height:1.65}
#hisar-hajj .t-item .now{display:inline-block;font-size:.56rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;background:var(--turq);color:#fff;border-radius:5px;padding:.18rem .5rem;margin-left:.6rem;vertical-align:2px}
#hisar-hajj .dates{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2.6rem;position:relative}
#hisar-hajj .date-c{background:rgba(7,26,51,.42);border:1px solid rgba(232,210,150,.22);border-radius:14px;padding:1.15rem 1.25rem}
#hisar-hajj .date-c b{display:block;font-size:1rem;color:#fff}
#hisar-hajj .date-c .d{font-family:var(--fd);font-weight:400;font-size:.95rem;color:var(--gold-2);margin-top:.2rem;letter-spacing:.02em}
#hisar-hajj .date-c small{display:block;font-size:.74rem;color:rgba(234,242,247,.6);margin-top:.25rem}

/* ============================== FAQ / FINAL ============================== */
#hisar-hajj .faq{max-width:860px;margin-inline:auto;border-top:1px solid var(--hair)}
#hisar-hajj .faq details{background:transparent;border:0;border-bottom:1px solid var(--hair);border-radius:0;margin:0;overflow:hidden}
#hisar-hajj .faq summary{list-style:none;cursor:pointer;padding:1.25rem .2rem;font-weight:600;font-size:1.02rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;color:var(--ink);transition:color .25s}
#hisar-hajj .faq summary:hover{color:var(--gold-deep)}
#hisar-hajj .faq summary::-webkit-details-marker{display:none}
#hisar-hajj .faq summary::after{content:"+";font-family:var(--fd);font-size:1.5rem;font-weight:400;color:var(--gold-deep);transition:transform .3s var(--ease);flex:0 0 auto;line-height:1}
#hisar-hajj .faq details[open] summary::after{transform:rotate(45deg)}
#hisar-hajj .faq .a{padding:0 .2rem 1.35rem;color:var(--muted);font-size:.95rem;line-height:1.7;max-width:64ch}
#hisar-hajj .faq .a a{color:var(--turq-deep);font-weight:700;text-decoration:none}
#hisar-hajj .final .inner{background:radial-gradient(130% 160% at 50% -30%,var(--pine-2),var(--ink) 62%);border-radius:26px;color:var(--ivory);padding:clamp(2.6rem,6vw,4.2rem);text-align:center;position:relative;overflow:hidden;isolation:isolate}
#hisar-hajj .final .amiri{font-family:"Amiri",serif;font-size:2rem;color:var(--gold-2);margin-bottom:.9rem;position:relative}
#hisar-hajj .final h2{font-size:clamp(1.9rem,3.8vw,2.6rem);margin-bottom:.9rem;position:relative;color:#fff}
#hisar-hajj .final p{color:rgba(234,242,247,.8);max-width:56ch;margin:0 auto 1.8rem;position:relative;line-height:1.7}
#hisar-hajj .final .row{display:flex;gap:.9rem;justify-content:center;flex-wrap:wrap;position:relative}

/* ============================== FOOTER / BARS ============================== */
#hisar-hajj footer.sitefoot{padding-bottom:6.5rem}  /* clears the mobile action bar */
#hisar-hajj .mbar{position:fixed;left:0;right:0;bottom:0;z-index:80;background:rgba(7,26,51,.97);backdrop-filter:blur(10px);display:none;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(232,210,150,.25);padding:.45rem .4rem calc(.45rem + env(safe-area-inset-bottom))}
#hisar-hajj .mbar a{display:flex;flex-direction:column;align-items:center;gap:.2rem;text-decoration:none;color:var(--ivory);font-size:.6rem;font-weight:700;letter-spacing:.06em;padding:.35rem .2rem;border-radius:10px}
#hisar-hajj .mbar a svg{width:20px;height:20px}
#hisar-hajj .mbar a.hot{color:#241a09;background:linear-gradient(135deg,var(--gold-bright),var(--gold))}
#hisar-hajj .wa-fab{position:fixed;right:1.4rem;bottom:1.4rem;z-index:80;width:56px;height:56px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 30px -12px rgba(37,211,102,.8);transition:transform .3s var(--ease-out)}
#hisar-hajj .wa-fab:hover{transform:translateY(-4px)}
#hisar-hajj .wa-fab svg{width:28px;height:28px;fill:#fff}

/* ---- Reveal: JS-gated. No-JS = everything visible. ---- */
.js #hisar-hajj .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}
.js #hisar-hajj .reveal.in{opacity:1;transform:none}
.js #hisar-hajj .stagger>*{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}
.js #hisar-hajj .stagger.in>*{opacity:1;transform:none}
.js #hisar-hajj .stagger.in>*:nth-child(2){transition-delay:.08s}
.js #hisar-hajj .stagger.in>*:nth-child(3){transition-delay:.16s}
.js #hisar-hajj .stagger.in>*:nth-child(4){transition-delay:.24s}
.js #hisar-hajj .stagger.in>*:nth-child(5){transition-delay:.32s}
.js #hisar-hajj .stagger.in>*:nth-child(6){transition-delay:.4s}

@media(max-width:1080px){
  #hisar-hajj .explain{grid-template-columns:1fr 1fr}
}
@media(max-width:980px){
  #hisar-hajj .hero .wrap{grid-template-columns:1fr;padding-bottom:clamp(5rem,12vw,7rem)}
  #hisar-hajj .hero-art{margin-top:.4rem}
  #hisar-hajj .atlas-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  #hisar-hajj .explain{grid-template-columns:1fr}
  #hisar-hajj .dates{grid-template-columns:1fr 1fr}
  #hisar-hajj .swipe-hint{display:block}
  #hisar-hajj .mbar{display:grid}
  #hisar-hajj .wa-fab{display:none}
  #hisar-hajj footer{padding-bottom:7.5rem}
  #hisar-hajj .quiz-top,#hisar-hajj .quiz-body,#hisar-hajj .q-static{padding-left:1.3rem;padding-right:1.3rem}
  #hisar-hajj .q-dots{padding-left:1.3rem}
  #hisar-hajj .howcopy{grid-template-columns:1fr}
  #hisar-hajj .pk-nav{top:64px}
}
@media(max-width:620px){
  #hisar-hajj nav.links{display:none}
  #hisar-hajj .menu-toggle{display:block}
  .js #hisar-hajj nav.links.open{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--paper);padding:1.2rem 6vw;gap:1rem;border-bottom:1px solid var(--hair);align-items:flex-start}
  #hisar-hajj .pkg-cta{flex-direction:column}
  #hisar-hajj .dates{grid-template-columns:1fr}
  #hisar-hajj .cd div{min-width:46px;padding:0 .4rem}
  #hisar-hajj .cd b{font-size:1.4rem}
  #hisar-hajj .count{gap:.9rem;padding:.85rem 1rem}
  #hisar-hajj .hero-chips{gap:1.1rem}
}
#hisar-hajj .mk-back{position:absolute;left:0;right:0;bottom:-2px;z-index:1;pointer-events:none;display:flex;justify-content:center}
#hisar-hajj .mk-art{width:min(1160px,94vw);height:auto;opacity:.32;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 42%);mask-image:linear-gradient(180deg,transparent 0%,#000 42%)}
#hisar-hajj .band-photo{position:absolute;inset:0;z-index:0;overflow:hidden}
#hisar-hajj .band-photo img{width:100%;height:100%;object-fit:cover;opacity:.14}
#hisar-hajj .band-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,26,51,.5),rgba(7,26,51,.2) 40%,rgba(7,26,51,.75))}
#hisar-hajj .cta-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35;z-index:-1}
#hisar-hajj .cta-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,26,51,.72),rgba(7,26,51,.5) 45%,rgba(7,26,51,.85));z-index:-1}
#hisar-hajj .final .inner{isolation:isolate}
#hisar-hajj .footage{margin-top:2.8rem;position:relative}
#hisar-hajj .fg-label{font-size:.62rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:rgba(234,242,247,.55);margin-bottom:1rem}
#hisar-hajj .fg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem}
#hisar-hajj .fg{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--hair-d);display:block;transition:transform .3s var(--ease-out),border-color .3s}
#hisar-hajj .fg:hover{transform:translateY(-4px);border-color:rgba(232,210,150,.6)}
#hisar-hajj .fg img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
#hisar-hajj .fg span{position:absolute;left:0;right:0;bottom:0;padding:1.4rem .8rem .6rem;font-size:.7rem;font-weight:700;letter-spacing:.06em;color:#fff;background:linear-gradient(180deg,transparent,rgba(5,15,31,.9))}
#hisar-hajj .fg::after{content:"▶";position:absolute;top:.6rem;right:.7rem;font-size:.65rem;color:var(--gold-bright);opacity:.9}
#hisar-hajj .awardband{padding-top:0}
#hisar-hajj .aw{display:grid;grid-template-columns:minmax(240px,410px) 1fr;gap:0;align-items:stretch;border:1px solid var(--hair);border-radius:20px;overflow:hidden;background:#fff}
#hisar-hajj .aw>img{width:100%;height:100%;object-fit:cover;min-height:240px}
#hisar-hajj .aw-body{padding:clamp(1.6rem,3.5vw,2.6rem)}
#hisar-hajj .aw-body h2{font-size:clamp(1.5rem,3vw,2.1rem);margin:.7rem 0 .8rem;color:var(--ink)}
#hisar-hajj .aw-body p{color:var(--muted);font-size:.98rem;line-height:1.7;max-width:56ch}
#hisar-hajj .aw-link{display:inline-block;margin-top:1.2rem;font-weight:700;color:var(--turq-deep);text-decoration:none;border-bottom:1px solid rgba(203,164,85,.4);padding-bottom:2px}
#hisar-hajj .aw-link:hover{color:var(--gold-deep);border-color:rgba(169,132,59,.5)}
@media(max-width:1000px){
  #hisar-hajj .spine{grid-template-columns:1fr;gap:0}
  #hisar-hajj .spine::before{left:24px;right:auto;top:24px;bottom:24px;width:1px;height:auto;background:linear-gradient(180deg,rgba(13,42,74,.22),var(--gold) 55%,var(--gold-deep))}
  #hisar-hajj .sp{display:grid;grid-template-columns:48px 1fr;column-gap:1.2rem;row-gap:.35rem;padding-bottom:2rem;align-items:start}
  #hisar-hajj .sp:last-child{padding-bottom:0}
  #hisar-hajj .sp-node{grid-column:1;grid-row:1/span 3}
  #hisar-hajj .sp .ftag,#hisar-hajj .sp h3,#hisar-hajj .sp p{grid-column:2}
  #hisar-hajj .sp+.sp::after{left:15px;top:-1.15rem}
}
@media(max-width:760px){#hisar-hajj .fg-grid{grid-template-columns:1fr 1fr}#hisar-hajj .aw{grid-template-columns:1fr}#hisar-hajj .aw>img{max-height:230px}}
#hisar-hajj .verseband{position:relative;padding:clamp(4.2rem,11vw,7rem) 0;overflow:hidden;isolation:isolate;text-align:center;color:var(--ivory)}
#hisar-hajj .verseband>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
#hisar-hajj .vb-veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,26,51,.82),rgba(7,26,51,.55) 50%,rgba(7,26,51,.85))}
#hisar-hajj .vb-ar{font-family:"Amiri",serif;font-size:clamp(1.7rem,4.4vw,2.6rem);color:var(--gold-deep);line-height:1.7;margin-bottom:1rem}
#hisar-hajj .vb-en{max-width:62ch;margin-inline:auto;color:rgba(234,242,247,.85);font-size:1.02rem;line-height:1.75}
#hisar-hajj .vb-en span{display:block;margin-top:.9rem;font-size:.62rem;font-weight:800;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-2)}
@media print{
  #hisar-hajj .topbar,#hisar-hajj header.site,#hisar-hajj .mbar,#hisar-hajj .wa-fab,#hisar-hajj .hero-art,#hisar-hajj .mk-back,#hisar-hajj .quiz-band,#hisar-hajj .final,#hisar-hajj .pk-nav,#hisar-hajj .howcopy,#hisar-hajj .swipe-hint,#hisar-hajj .count,#hisar-hajj .hero-cta,#hisar-hajj .hero-chips,#hisar-hajj .band-photo,#hisar-hajj .footage,#hisar-hajj .verseband,#hisar-hajj .pkg-head .ph{display:none!important}
  #hisar-hajj *{background:transparent!important;color:#111!important;box-shadow:none!important;text-shadow:none!important;animation:none!important;transition:none!important}
  #hisar-hajj{background:#fff!important}
  #hisar-hajj .hero h1 .yr{background:none!important;-webkit-text-fill-color:#111!important;color:#111!important}
  .js #hisar-hajj .reveal,.js #hisar-hajj .stagger>*{opacity:1!important;transform:none!important}
  #hisar-hajj .compare th,#hisar-hajj .compare td{border:1px solid #bbb!important}
  #hisar-hajj .pkg,#hisar-hajj .ex-card,#hisar-hajj .date-c,#hisar-hajj .anatomy{page-break-inside:avoid;border:1px solid #ccc!important}
  #hisar-hajj .meter .mtrack i,#hisar-hajj .cmeter i{background:#999!important}
}
@media(prefers-reduced-motion:reduce){#hisar-hajj *{animation:none!important;transition:none!important}.js #hisar-hajj .reveal,.js #hisar-hajj .stagger>*{opacity:1!important;transform:none!important}}
/* ---- 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}
}

/* ---- single-font display tuning (Marcellus removed; Jakarta needs weight) ---- */
#hisar-hajj h1,#hisar-hajj h2,#hisar-hajj .quiz-top h3,#hisar-hajj .q-step h4,#hisar-hajj .q-rec h4,#hisar-hajj .pkg-head h3,#hisar-hajj .atlas-card h3,#hisar-hajj .t-item h3,#hisar-hajj .est-controls h3{font-weight:700;letter-spacing:-.02em}
#hisar-hajj .price-box .pv,#hisar-hajj .cd b,#hisar-hajj .est-output .total{font-weight:800;letter-spacing:-.015em}
#hisar-hajj .compare thead th,#hisar-hajj .date-c .d{font-weight:700;letter-spacing:.04em}
#hisar-hajj .sp-node i,#hisar-hajj .sp+.sp::after,#hisar-hajj .faq summary::after{font-weight:700}
/* ---- vars the ported estimator expects ---- */
#hisar-hajj{--rad:14px;--rad-lg:22px;--rad-xl:30px;--line-2:rgba(15,45,80,.26);--paper-2:#F2F8F9;
  --shadow:0 26px 70px -30px rgba(7,20,40,.55);--shadow-soft:0 14px 40px -22px rgba(7,20,40,.5)}
@media(max-width:900px){#hisar-hajj header.site .btn.btn-gold{display:none}}
/* ---- secondary CTA under the cards ---- */
#hisar-hajj .pk-help{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;margin-top:2.2rem;text-align:center}
#hisar-hajj .pk-help p{margin:0;color:var(--muted);font-size:.95rem}
#hisar-hajj .est-basis{display:inline-flex;align-items:center;gap:.5rem;font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-deep);background:rgba(203,164,85,.13);border-radius:999px;padding:.35rem .8rem;margin-bottom:.9rem}

/* ================= ACCOMMODATION JOURNEY COMPARATOR ================= */
#hisar-hajj .jr-band{background:linear-gradient(180deg,#071A33,#0C2647 55%,#071A33);color:var(--ivory);position:relative;overflow:hidden}
#hisar-hajj .jr-band .sec{color:#fff}
#hisar-hajj .jr-band .standfirst{color:rgba(234,242,247,.78)}
#hisar-hajj .jr-band .eyebrow{color:var(--gold-2)}
#hisar-hajj .jr-band .eyebrow::before{background:var(--gold-2)}
#hisar-hajj .jr-controls{display:flex;flex-wrap:wrap;gap:1.4rem;align-items:flex-start;margin:2.2rem 0 1.6rem}
#hisar-hajj .jr-group{display:flex;flex-direction:column;gap:.55rem}
#hisar-hajj .jr-group>span{font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:rgba(234,242,247,.55)}
#hisar-hajj .jr-seg{display:inline-flex;background:rgba(255,255,255,.06);border:1px solid rgba(234,242,247,.18);border-radius:999px;padding:.25rem}
#hisar-hajj .jr-seg button{font-family:inherit;font-size:.88rem;font-weight:700;color:rgba(234,242,247,.72);background:none;border:0;border-radius:999px;padding:.5rem 1.05rem;cursor:pointer;transition:background .25s,color .25s}
#hisar-hajj .jr-seg button[aria-pressed="true"]{background:var(--gold);color:#241a09}
#hisar-hajj .jr-chips{display:flex;flex-wrap:wrap;gap:.5rem}
#hisar-hajj .jr-chips button{font-family:inherit;font-size:.84rem;font-weight:700;color:rgba(234,242,247,.8);background:rgba(255,255,255,.05);border:1px solid rgba(234,242,247,.2);border-radius:10px;padding:.5rem .9rem;cursor:pointer;transition:border-color .25s,background .25s,color .25s}
#hisar-hajj .jr-chips button:hover{border-color:var(--gold)}
#hisar-hajj .jr-chips button[aria-pressed="true"]{border-color:var(--gold);background:rgba(203,164,85,.16);color:#fff}

#hisar-hajj .jr-stage{display:grid;gap:1.4rem;grid-template-columns:1fr;background:rgba(255,255,255,.04);border:1px solid rgba(234,242,247,.14);border-radius:22px;padding:clamp(1.2rem,2.6vw,1.9rem)}
@media(min-width:960px){#hisar-hajj .jr-stage{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:stretch}#hisar-hajj .jr-media{height:100%}}

/* --- media panel: hotel photo + caption in one composition --- */
#hisar-hajj .jr-media{position:relative;border-radius:16px;overflow:hidden;min-height:290px;background:linear-gradient(160deg,#123C63,#071A33);display:flex;align-items:flex-end;isolation:isolate}
#hisar-hajj .jr-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
#hisar-hajj .jr-media::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(7,26,51,0) 30%,rgba(7,26,51,.55) 62%,rgba(7,26,51,.92) 100%)}
#hisar-hajj .jr-cap{position:relative;z-index:2;padding:1.2rem 1.3rem;width:100%}
#hisar-hajj .jr-phase{display:inline-block;font-size:.64rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#241a09;background:var(--gold-2);border-radius:999px;padding:.28rem .7rem;margin-bottom:.6rem}
#hisar-hajj .jr-hotel{display:block;font-size:clamp(1.2rem,2.4vw,1.6rem);font-weight:700;color:#fff;letter-spacing:-.02em;line-height:1.15}
#hisar-hajj .jr-hcap{display:block;font-size:.88rem;color:rgba(234,242,247,.82);margin-top:.3rem;max-width:38ch}
#hisar-hajj .jr-pending{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:1.5rem;font-size:.78rem;line-height:1.5;color:rgba(234,242,247,.5);border:1px dashed rgba(234,242,247,.25);border-radius:16px}
#hisar-hajj .jr-media.has-photo .jr-pending{display:none}

#hisar-hajj .jr-panel{min-width:0}
#hisar-hajj .jr-head{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;align-items:baseline;justify-content:space-between;margin-bottom:1.1rem}
#hisar-hajj .jr-name{font-size:clamp(1.25rem,2.4vw,1.7rem);font-weight:700;color:#fff;letter-spacing:-.02em;margin:0}
#hisar-hajj .jr-meta{font-size:.84rem;color:rgba(234,242,247,.72)}
#hisar-hajj .jr-meta b{color:var(--gold-2)}

#hisar-hajj .jr-rail{display:grid;gap:.55rem}
#hisar-hajj .jr-leg{position:relative;border-radius:13px;padding:.85rem .95rem;border:1px solid rgba(234,242,247,.16);background:rgba(255,255,255,.05);display:flex;flex-direction:column;gap:.2rem;cursor:pointer;text-align:left;font-family:inherit;transition:border-color .25s,background .25s,transform .25s}
#hisar-hajj .jr-leg:hover{border-color:rgba(203,164,85,.6)}
#hisar-hajj .jr-leg[aria-pressed="true"]{border-color:var(--gold);background:rgba(203,164,85,.14)}
#hisar-hajj .jr-leg.madinah{border-left:3px solid #7E5F18}
#hisar-hajj .jr-leg.makkah{border-left:3px solid #E8D296}
#hisar-hajj .jr-lt{font-size:.63rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--gold-2)}
#hisar-hajj .jr-lh{font-size:1rem;font-weight:700;color:#fff;line-height:1.3}
#hisar-hajj .jr-ln{font-size:.83rem;color:rgba(234,242,247,.72);line-height:1.45}
#hisar-hajj .jr-lw{font-size:.76rem;font-weight:700;color:rgba(234,242,247,.85);margin-top:.15rem}

#hisar-hajj .jr-rites{margin-top:.9rem;border-radius:13px;padding:.9rem 1rem;background:linear-gradient(160deg,rgba(203,164,85,.92),rgba(138,106,48,.88));color:#241a09}
#hisar-hajj .jr-rites b{display:block;font-size:.63rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.25rem}
#hisar-hajj .jr-rites p{margin:0;font-size:.85rem;line-height:1.5}
#hisar-hajj .jr-rites .jr-move{display:block;margin-top:.45rem;font-weight:700;font-size:.85rem}

#hisar-hajj .jr-flight{margin:.9rem 0 0;font-size:.72rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:rgba(234,242,247,.55)}
#hisar-hajj .jr-foot{display:flex;flex-wrap:wrap;gap:.9rem;align-items:center;justify-content:space-between;margin-top:1.2rem;padding-top:1.1rem;border-top:1px solid rgba(234,242,247,.14)}
#hisar-hajj .jr-cities{font-size:.8rem;color:rgba(234,242,247,.72);margin:0}
#hisar-hajj .jr-cities b{color:#fff}
#hisar-hajj .jr-note{margin:1.2rem 0 0;font-size:.78rem;color:rgba(234,242,247,.55);max-width:82ch}
@media(prefers-reduced-motion:reduce){#hisar-hajj .jr-leg,#hisar-hajj .jr-seg button,#hisar-hajj .jr-chips button,#hisar-hajj .jr-media img{transition:none!important}}

/* ---- estimate composition bars ---- */
#hisar-hajj .estbars{margin-top:1.2rem;display:grid;gap:.55rem}
#hisar-hajj .estbar{display:grid;grid-template-columns:minmax(0,1fr);gap:.25rem}
#hisar-hajj .estbar .eb-top{display:flex;justify-content:space-between;font-size:.78rem;color:rgba(234,242,247,.82)}
#hisar-hajj .estbar .eb-top b{color:var(--gold-2);font-variant-numeric:tabular-nums}
#hisar-hajj .estbar .eb-track{height:8px;border-radius:999px;background:rgba(234,242,247,.14);overflow:hidden}
#hisar-hajj .estbar .eb-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#E8D296,#CBA455);
  width:0;transition:width .5s var(--ease-out)}
#hisar-hajj .estbar.b-camp .eb-fill{background:linear-gradient(90deg,#E8D296,#CBA455)}
#hisar-hajj .estbar.b-flight .eb-fill{background:linear-gradient(90deg,#7FB3E0,#7E5F18)}
@media(prefers-reduced-motion:reduce){#hisar-hajj .estbar .eb-fill{transition:none}}

/* ---- advisor beside the finder result ---- */
#hisar-hajj .q-rec{display:grid;gap:1.4rem;grid-template-columns:1fr}
@media(min-width:820px){#hisar-hajj .q-rec{grid-template-columns:170px minmax(0,1fr);align-items:center;gap:1.8rem}}
#hisar-hajj .q-guide{display:none}
@media(min-width:820px){#hisar-hajj .q-guide{display:block;margin:0}}
#hisar-hajj .q-guide img{width:100%;height:auto;border-radius:18px;display:block;background:#DCEAF2;
  box-shadow:0 18px 40px -24px rgba(0,0,0,.7)}

#hisar-hajj .eyebrow{font-size:.73rem;letter-spacing:.24em;text-transform:uppercase;font-weight:800;color:var(--gold-deep);display:inline-flex;align-items:center;gap:.6rem}
#hisar-hajj .eyebrow::before{content:"";width:28px;height:1px;background:var(--gold)}
#hisar-hajj .eyebrow.on-dark{color:var(--gold-2)}
#hisar-hajj .eyebrow.on-dark::before{background:var(--gold-2)}
#hisar-hajj .section-head{text-align:center;max-width:62ch;margin:0 auto 3rem}
#hisar-hajj .section-head h2{font-size:clamp(2.1rem,4.6vw,3.3rem);margin:.7rem 0 .6rem}
#hisar-hajj .section-head p{color:var(--muted);font-size:1.06rem}
#hisar-hajj .est-section{background:var(--paper)}
#hisar-hajj .est-card{background:#fff;border:1px solid var(--line);border-radius:var(--rad-xl);box-shadow:var(--shadow-soft);overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr}
#hisar-hajj .est-controls{padding:2.2rem}
#hisar-hajj .est-controls h3{font-size:1.6rem;margin-bottom:.3rem}
#hisar-hajj .est-controls .sub{color:var(--muted);font-size:.95rem;margin-bottom:1.6rem}
#hisar-hajj .est-group{margin-bottom:1.4rem}
#hisar-hajj .est-group>label{display:block;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);margin-bottom:.6rem}
#hisar-hajj .seg{display:flex;flex-wrap:wrap;gap:.5rem}
#hisar-hajj .seg button{font-family:inherit;font-size:.86rem;font-weight:600;padding:.55rem .9rem;border-radius:10px;border:1.5px solid var(--line-2);background:#fff;color:var(--text);cursor:pointer;transition:all .2s}
#hisar-hajj .seg button:hover{border-color:var(--gold)}
#hisar-hajj .seg button.sel{background:var(--turq-deep);color:#fff;border-color:var(--turq-deep)}
#hisar-hajj .est-people{display:flex;align-items:center;gap:1rem}
#hisar-hajj .est-people button{width:40px;height:40px;border-radius:10px;border:1.5px solid var(--line-2);background:#fff;font-size:1.3rem;cursor:pointer;color:var(--ink);line-height:1;transition:all .2s}
#hisar-hajj .est-people button:hover{border-color:var(--gold);background:var(--paper)}
#hisar-hajj .est-people b{font-family:"Plus Jakarta Sans",serif;font-size:1.5rem;min-width:2ch;text-align:center}
#hisar-hajj .est-controls input[type=range]{width:100%;accent-color:var(--turq-deep);margin:.4rem 0 .1rem}
#hisar-hajj .est-output{background:linear-gradient(160deg,var(--pine),var(--ink));color:var(--ivory);padding:2.2rem;display:flex;flex-direction:column;justify-content:center}
#hisar-hajj .est-output .olabel{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-2);font-weight:800}
#hisar-hajj .est-output .total{font-family:"Plus Jakarta Sans",serif;font-size:clamp(1.9rem,4.4vw,2.9rem);color:var(--ivory);line-height:1.05;margin:.6rem 0 .2rem;font-variant-numeric:tabular-nums}
#hisar-hajj .est-output .per{font-size:.9rem;color:rgba(234,242,247,.72)}
#hisar-hajj .est-breakdown{margin-top:1.4rem;border-top:1px solid rgba(226,203,140,.25);padding-top:1.2rem;display:grid;gap:.5rem}
#hisar-hajj .est-breakdown .row{display:flex;justify-content:space-between;font-size:.9rem;color:rgba(234,242,247,.85)}
#hisar-hajj .est-breakdown .row span:last-child{font-weight:700;color:var(--gold-2);font-variant-numeric:tabular-nums}
#hisar-hajj .est-output .est-note{font-size:.74rem;color:rgba(234,242,247,.6);margin:1.2rem 0 0}
#hisar-hajj .est-output .btn{margin-top:1.2rem}
@media(max-width:860px){#hisar-hajj .est-card{grid-template-columns:1fr}#hisar-hajj .est-controls,#hisar-hajj .est-output{padding:1.6rem}}


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

/* ---- 2027 status leads; the 2026 figure is clearly secondary reference ---- */
#hisar-hajj .pk{display:grid;gap:.75rem;align-items:start}
#hisar-hajj .pk .pk-main{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem}
#hisar-hajj .pk .pv.tba{font-size:1.12rem;font-weight:800;color:var(--ink);letter-spacing:-.01em;line-height:1.15}
#hisar-hajj .pk .pref{border-top:1px dashed var(--hair);padding-top:.6rem;display:grid;gap:.1rem}
#hisar-hajj .pk .pref>span{font-size:.56rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
#hisar-hajj .pk .pref>b{font-size:.94rem;font-weight:700;color:var(--muted)}
#hisar-hajj .pk .pref>small{font-size:.74rem;color:var(--muted);opacity:.85}


/* 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:#06696C;border-color:#A6D4D4;background:#EDF8F7}
#hisar-hajj .ftag,#hisar-hajj .ctag,#hisar-hajj .pill-2026,#hisar-hajj .pill-tba,#hisar-hajj .price-box .plabel,#hisar-hajj .pk .pref>span{font-size:.7rem;letter-spacing:.06em;white-space:normal}
#hisar-hajj .pkg-cta{align-items:stretch}
#hisar-hajj .pkg-cta .btn{min-height:52px;line-height:1.35}
#hisar-hajj .btn-copy[disabled]{background:#E8EEF2;color:#53687A;opacity:1}
#hisar-hajj .pay-unset{background:#E8EEF2!important;color:#53687A!important;border-color:#CCD9E1;opacity:1;filter:none;box-shadow:none;transform:none!important}
#hisar-hajj .a-ringlbl{fill:#B1C8D8}#hisar-hajj .a-dotsub{fill:#CDDFE9}
#hisar-hajj .t-item .now{background:var(--turq-2);color:var(--ink)}
#hisar-hajj .count .cl,#hisar-hajj .cd span{color:#BDCFDC;font-size:.7rem;letter-spacing:.08em}
#hisar-hajj .orbit .lbl{fill:#BDD1DF}
#hisar-hajj .ribbon{background:#F6F9FA;color:var(--ink);border-bottom:1px solid #DCE8EC}
#hisar-hajj .ribbon .tag{background:var(--ink);color:var(--gold-2)}
@media(max-width:900px){#hisar-hajj header.site .sitenav{background:#fff}#hisar-hajj .hero .grain{width:55%;opacity:.18}}
@media(max-width:540px){#hisar-hajj .pkg-cta{flex-direction:column}#hisar-hajj .hero .skyline{opacity:.3}#hisar-hajj .est-output .total{font-size:1.65rem}#hisar-hajj .hero-cta .btn{min-height:48px}#hisar-hajj .count{gap:.8rem}#hisar-hajj .cd div{min-width:48px}}
@media(prefers-reduced-motion:reduce){#hisar-hajj *,#hisar-hajj *::before,#hisar-hajj *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

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


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

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

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

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

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

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


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

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

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

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

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


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


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


#hisar-hajj details.pkg-more{border:0;padding:0;margin:0}
#hisar-hajj details.pkg-more>summary{display:none}
@media (max-width:640px){
  #hisar-hajj details.pkg-more>summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;padding:.85rem 0;font-weight:700;font-size:.9rem;color:var(--pine,#123D60);border-bottom:1px solid var(--hair,#e6eef3);min-height:44px}
  #hisar-hajj details.pkg-more>summary::-webkit-details-marker{display:none}
  #hisar-hajj details.pkg-more>summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--gold-deep,#7E5F18);border-bottom:2px solid var(--gold-deep,#7E5F18);transform:rotate(45deg);margin-right:.4rem;transition:transform .25s}
  #hisar-hajj details.pkg-more[open]>summary::after{transform:rotate(-135deg)}
  #hisar-hajj details.pkg-more[open]>summary{border-bottom:0}
  #hisar-hajj .copt.copt{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"name name name" "tag meter dist";row-gap:.3rem}
  #hisar-hajj .copt.copt .cname{grid-area:name;white-space:normal}
  #hisar-hajj .copt.copt .ctag{grid-area:tag}
  #hisar-hajj .copt.copt .cmeter{grid-area:meter;width:auto}
  #hisar-hajj .copt.copt .cdist{grid-area:dist}
}
@media (min-width:641px){
  #hisar-hajj .pk-nav.pk-nav{justify-content:flex-start;align-items:center}
  #hisar-hajj .pk-nav .pk-act{margin-left:auto;display:inline-flex;gap:.45rem}
  #hisar-hajj .pk-nav .pk-act a{display:inline-flex;align-items:center;min-height:38px;padding:.45rem .95rem;border-radius:999px;font-size:.82rem;font-weight:700;text-decoration:none}
  #hisar-hajj .pk-nav .pk-act .pk-reg{background:linear-gradient(135deg,var(--gold-bright,#F0DEAA),var(--gold,#C9A24B));color:#241a09}
  #hisar-hajj .pk-nav .pk-act .pk-wa{border:1px solid var(--turq,#087F83);color:var(--turq-deep,#087F83);background:#fff}
}
@media (max-width:640px){#hisar-hajj .pk-nav .pk-act{display:none}}


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


#hisar-hajj details.sec-more{border:0;padding:0;margin:0}
#hisar-hajj details.sec-more>summary{display:none}
@media (max-width:640px){
  #hisar-hajj details.sec-more>summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;min-height:48px;padding:.7rem 1rem;margin:.2rem 0 .6rem;border:1px solid var(--line,#DCE6EC);border-radius:12px;background:var(--white,#fff);font-weight:700;color:var(--pine,#123D60)}
  #hisar-hajj details.sec-more>summary::-webkit-details-marker{display:none}
  #hisar-hajj details.sec-more>summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--gold-deep,#7E5F18);border-bottom:2px solid var(--gold-deep,#7E5F18);transform:rotate(45deg);transition:transform .25s}
  #hisar-hajj details.sec-more[open]>summary::after{transform:rotate(-135deg)}
}


/* ── v8 controlled refinement · additive & reversible (delete this block to revert) ──
   R1  Hajj bar: "Support" was clipped (340px content in a 328px box @390, 302px @360).
       Keeps the same markup, overflow-x and order; only reclaims side padding + gap. */
@media (max-width:560px){
  #hisar-hajj .hajjbar .wrap{width:100%;padding-inline:3vw}
  #hisar-hajj .hajjbar .hb-links{gap:clamp(.7rem,3.4vw,1.3rem)}
}
/* R2  Accommodation journey: with all 12 photo slots empty, the media panel rendered
       as a bare 290px navy rectangle (.jr-pending was display:none'd downstream).
       No approved hotel imagery exists — media-manifest.json marks the atmosphere
       images "not a hotel identification" — so this makes the *fallback* intentional:
       hotel identity leads, the pending note is a quiet caption, dead height removed.
       The moment a real photo is added, .has-photo wins and nothing here applies. */
#hisar-hajj .jr-media:not(.has-photo){min-height:0;display:flex;flex-direction:column;justify-content:flex-end;
  background:linear-gradient(160deg,#123C63,#071A33)}
#hisar-hajj .jr-media:not(.has-photo)::after{display:none}
#hisar-hajj .jr-media:not(.has-photo) .jr-cap{order:1;border-left:3px solid #CBA455;background:rgba(255,255,255,.035);
  border-radius:0 12px 12px 0;padding:1.15rem 1.25rem}
#hisar-hajj .jr-media:not(.has-photo) .jr-pending{order:2;display:block;position:static;inset:auto;border:0;
  padding:.55rem 1.25rem 1.05rem;text-align:left;font-size:.72rem;line-height:1.45;
  color:rgba(234,242,247,.45)}
@media (min-width:901px){ #hisar-hajj .jr-media:not(.has-photo){justify-content:center} }

/* R5  KONTRAST — okunabilirlik düzeltmesi.
       Sorun: koyu bantlarda metin ya çok düşük alfa ile ya da koyu altın
       (--gold-deep #7E5F18) ile yazılmış; fotoğraf/gradyan arka planın açık
       bölgelerinde okunmuyor. Referans: "Prepare before official sales open"
       bandının güçlü koyu örtü + açık metin dengesi.
       Renk kimliği (lacivert/turkuaz/altın) korunur; yalnız ton/alfa değişir. */

/* 5a Ayet bandı: örtüyü güçlendir, Arapçayı AÇIK altına çevir */
#hisar-hajj .verseband .vb-veil{
  background:linear-gradient(180deg,rgba(6,22,44,.92),rgba(6,22,44,.84) 50%,rgba(6,22,44,.94));
}
#hisar-hajj .verseband .vb-ar{
  color:#E7D095;                       /* --gold-deep (#7E5F18) yerine açık altın */
  text-shadow:0 1px 14px rgba(3,12,26,.75);
}
#hisar-hajj .verseband .vb-en{
  color:rgba(243,248,251,.97);
  text-shadow:0 1px 10px rgba(3,12,26,.6);
}
#hisar-hajj .verseband .vb-en span{color:#E7D095}




/* ── v8 UX Engine düzeltmeleri · eklemeli, geri alınabilir ──────────────
   Paket sekmeleri (.pk-nav) bu sayfanın asıl gezinme aracı ve mobilde
   35px yüksekliğinde ölçüldü; dokunma hedefi asgarisi 44px. Yalnızca
   yükseklik artıyor, yazı/renk/konum aynı. */
@media (max-width:640px){
  #hisar-hajj .pk-nav a{min-height:44px;display:inline-flex;align-items:center}
}

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


/* ── packages audit (R14) ────────────────────────────────────────────────
   a. one alignment per section head: left, where the h2 already is */
body.page-hajj-packages #hisar-hajj .section-head{text-align:start}
body.page-hajj-packages #hisar-hajj .section-head p,
body.page-hajj-packages #hisar-hajj .section-head h2,
body.page-hajj-packages #hisar-hajj .sec-head p{margin-inline:0}
body.page-hajj-packages #hisar-hajj .sec-head.center{text-align:start;margin-inline:0}
/* the h2 carried max-width:1180px + margin-inline:auto inside a 1220px wrap, so it
   sat 20px right of its own eyebrow and standfirst. It is the odd one out. */
body.page-hajj-packages #hisar-hajj .sec-head h2,body.page-hajj-packages #hisar-hajj .section-head h2{margin-inline:0;max-width:none}

/* c. the camp name gets a floor so "Majar Al-Kabsh" stays on one line */
#hisar-hajj .copt{grid-template-columns:minmax(6.3rem,1fr) auto 52px auto}
#hisar-hajj .copt .ctag{white-space:nowrap}   /* the 7.6rem floor squeezed the pill into INCLUD/ED */

/* d. knowledge-hub: ONE separation language. The gradient bar is the identity,
      so it stays; the border and the shadow go, and the surface goes flat. */
#hisar-hajj .knowledge-card{border:0;box-shadow:none;background:rgba(255,255,255,.55);border-radius:14px}
#hisar-hajj .knowledge-card:hover{transform:none;box-shadow:none;background:#fff}
#hisar-hajj .knowledge-card:hover::before{height:4px}

/* e. three-decisions cards: top rule only */
#hisar-hajj .ex-card{box-shadow:none;border-left:0;border-right:0;border-bottom:0;border-radius:0;background:transparent}

/* f. estimator caveat: sentence case, readable, still unmistakably a caveat */
#hisar-hajj .est-basis-lead{display:block;width:min(70ch,100%);margin:-1.2rem auto 1.6rem;text-transform:none;letter-spacing:0;
  font-size:.86rem;font-weight:600;line-height:1.5;border-radius:12px;padding:.7rem 1rem;text-align:start;
  border-inline-start:3px solid var(--gold);background:rgba(203,164,85,.10)}


/* ── "How to read a package" (R15) ──────────────────────────────────────
   Three teaching sections became one. Sub-heads use the page's small-caps
   label voice; the zone map is a disclosure with a visible summary at every
   width (unlike .sec-more, whose summary only appears on phones). */
#hisar-hajj .rd-h{font-size:.74rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep);
  margin:2.6rem 0 1rem;display:flex;align-items:center;gap:.6rem}
#hisar-hajj .rd-h::before{content:"";width:26px;height:3px;border-radius:2px;background:currentColor;flex:none}
#hisar-hajj .rd-h:first-of-type{margin-top:.4rem}
#hisar-hajj .rd-lead{margin:0 0 1.2rem;color:var(--muted);font-size:1.02rem;max-width:66ch}
#hisar-hajj .rd-lead strong{color:var(--text)}

#hisar-hajj .rd-atlas{margin-top:2.6rem;border-inline-start:2px solid var(--line);padding-inline-start:1.1rem}
#hisar-hajj .rd-atlas>summary{list-style:none;cursor:pointer;display:grid;gap:.2rem;padding:.4rem 0}
#hisar-hajj .rd-atlas>summary::-webkit-details-marker{display:none}
#hisar-hajj .rd-atlas-t{font-weight:800;font-size:1.06rem;color:var(--ink);display:inline-flex;align-items:center;gap:.6rem}
#hisar-hajj .rd-atlas-t::after{content:"";width:9px;height:9px;border-right:2px solid var(--gold-deep);border-bottom:2px solid var(--gold-deep);
  transform:rotate(45deg);transition:transform .25s;margin-left:.2rem}
#hisar-hajj .rd-atlas[open] .rd-atlas-t::after{transform:rotate(-135deg)}
#hisar-hajj .rd-atlas-s{font-size:.9rem;color:var(--muted)}
#hisar-hajj .rd-atlas>summary:focus-visible{outline:3px solid var(--turq-deep) !important;outline-offset:4px !important;border-radius:6px}
#hisar-hajj .rd-atlas-panel{margin-top:1.2rem;border-radius:18px;padding:clamp(1.2rem,3vw,2.2rem);position:relative;overflow:hidden;color:var(--ivory)}
#hisar-hajj .rd-atlas-panel .grain{position:absolute;inset:0;width:100%;height:100%;opacity:.35}
#hisar-hajj .rd-atlas-lead{margin:0 0 1.4rem;color:rgba(234,242,247,.78);font-size:.98rem;max-width:70ch}
#hisar-hajj .rd-atlas-lead strong{color:#fff}

/* proof beside the decision, not four screens below it */
#hisar-hajj .proofline{margin:-1.2rem 0 1.4rem;font-size:.9rem;line-height:1.5;color:var(--muted);max-width:78ch;
  border-inline-start:3px solid var(--gold);padding-inline-start:.9rem}
#hisar-hajj .proofline b{color:var(--gold-deep)}
#hisar-hajj .proofline a{color:var(--pine);font-weight:700;text-decoration:none;white-space:nowrap}
#hisar-hajj .proofline a:hover{color:var(--gold-deep)}
@media(max-width:640px){#hisar-hajj .proofline{margin-top:-.4rem;font-size:.86rem}}
/* 1.3.0 — pick two programs to compare on phones */
#hisar-hajj .cmp-pick{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 .9rem;font-size:.9rem;font-weight:700;color:var(--text,#0F2338)}
#hisar-hajj .cmp-pick[hidden]{display:none}
#hisar-hajj .cmp-pick select{min-height:44px;flex:1 1 38%;font:inherit;font-size:16px;border:1.5px solid var(--line-2,rgba(15,45,80,.26));border-radius:10px;padding:.35rem .6rem;background:#fff;color:inherit}
#hisar-hajj .cmp-pick .cmp-all{min-height:44px;font:inherit;font-size:.85rem;background:none;border:0;text-decoration:underline;color:var(--turq,#087F83);cursor:pointer;padding:0 .2rem}
#hisar-hajj table.compare .cmp-off{display:none}
#hisar-hajj table.compare.is-pair{min-width:0;width:100%;table-layout:fixed}
#hisar-hajj table.compare.is-pair th[scope=row]{width:34%}
#hisar-hajj table.compare.is-pair th,#hisar-hajj table.compare.is-pair td{padding:.75rem .6rem;white-space:normal;overflow-wrap:anywhere}
#hisar-hajj table.compare.is-pair tbody th{letter-spacing:.08em;position:static;box-shadow:none}
#hisar-hajj table.compare.is-pair thead th{position:static;white-space:normal}

/* ── 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-packages{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 Arafah countdown is four fixed segments in a row; at 200% text zoom they
   no longer fit one line. */
@media (max-width:1024px){
  #hisar-hajj .cd{flex-wrap:wrap;min-width:0}
  #hisar-hajj .count{min-width:0;max-width:100%}
  #hisar-hajj .pkg-head{min-width:0}
}
/* The fixed bottom bar is chrome, not page text: at 200% text zoom its five
   items stopped fitting and the last one ("Register") was cut off. Capping the
   label size keeps every destination reachable; the tap targets stay 44 px. */
@media (max-width:900px){
  #hisar-hajj .mbar a{font-size:clamp(9px,.62rem,11.5px);min-width:0}
  #hisar-hajj .mbar a span,#hisar-hajj .mbar a b,#hisar-hajj .mbar a small{min-width:0;overflow-wrap:anywhere}
}