@srimandir/kundli-generator 5.30.14 → 5.30.15

package/dist/{criticalCss-CQtIlhrr.js → criticalCss-oJIi5QxU.js}

@@ -1,4 +1,4 @@
-import { k as e, h as X, D as ne, d as _e, j as le, c as Ae, u as je, L as se, S as ye, l as we, t as ve, C as De, P as $e, F as Ue, U as Me, m as Oe, n as Qe } from "./analytics-B_K8hMeg.js";
+import { k as e, h as X, D as ne, d as _e, j as ie, c as Ae, u as je, L as se, S as ye, l as we, t as ve, C as De, P as $e, F as Ue, U as Me, m as Oe, n as Qe } from "./analytics-B_K8hMeg.js";
 import { useRef as b, useState as S, useEffect as I, useCallback as z, useMemo as ce } from "react";
 import { UserReviewsSection as Be, FAQAccordion as Ke, ContactUsSection as He, FooterShell as Ge, FooterCTAButton as qe, CircularMarquee as We, footerShellStyles as W } from "@srimandir/astrology-common";
 const ze = "_container_nm3gb_1", Ve = "_main_nm3gb_6", Ye = "_langDropdownWrap_nm3gb_12", Xe = "_langTrigger_nm3gb_16", Je = "_langIcon_nm3gb_28", Ze = "_langLabel_nm3gb_35", et = "_langMenu_nm3gb_40", tt = "_langOption_nm3gb_46", K = {
@@ -16,7 +16,7 @@ const ze = "_container_nm3gb_1", Ve = "_main_nm3gb_6", Ye = "_langDropdownWrap_n
   subtitle: at,
   topicTags: ot,
   tag: rt
-}, it = [
+}, lt = [
   "topicMarriage",
   "topicRelationship",
   "topicBusiness",
@@ -27,9 +27,9 @@ const ze = "_container_nm3gb_1", Ve = "_main_nm3gb_6", Ye = "_langDropdownWrap_n
 ], Ne = ({ t, className: n = "" }) => /* @__PURE__ */ e.jsxs("section", { className: `${Z.hero} ${n}`, "aria-labelledby": "hero-title", children: [
   /* @__PURE__ */ e.jsx("h1", { id: "hero-title", className: Z.title, children: t("heroTitle") }),
   /* @__PURE__ */ e.jsx("p", { className: Z.subtitle, children: t("heroSubtitle") }),
-  /* @__PURE__ */ e.jsx("div", { className: Z.topicTags, role: "list", children: it.map((s) => /* @__PURE__ */ e.jsx("span", { className: Z.tag, role: "listitem", children: t(s) }, s)) })
-] }), lt = "_section_1285h_1", ct = "_backgroundLayer_1285h_9", dt = "_backgroundImg_1285h_16", pt = "_inner_1285h_23", ut = "_content_1285h_29", ht = "_headline_1285h_33", mt = "_headlineLine_1285h_38", xt = "_headlinePill_1285h_43", gt = "_headlinePlain_1285h_58", ft = "_featureList_1285h_69", bt = "_featureItem_1285h_76", _t = "_featureIcon_1285h_81", jt = "_reportImage_1285h_88", yt = "_reportImg_1285h_98", _ = {
-  section: lt,
+  /* @__PURE__ */ e.jsx("div", { className: Z.topicTags, role: "list", children: lt.map((s) => /* @__PURE__ */ e.jsx("span", { className: Z.tag, role: "listitem", children: t(s) }, s)) })
+] }), it = "_section_1285h_1", ct = "_backgroundLayer_1285h_9", dt = "_backgroundImg_1285h_16", pt = "_inner_1285h_23", ut = "_content_1285h_29", ht = "_headline_1285h_33", mt = "_headlineLine_1285h_38", xt = "_headlinePill_1285h_43", gt = "_headlinePlain_1285h_58", ft = "_featureList_1285h_69", bt = "_featureItem_1285h_76", _t = "_featureIcon_1285h_81", jt = "_reportImage_1285h_88", yt = "_reportImg_1285h_98", _ = {
+  section: it,
   backgroundLayer: ct,
   backgroundImg: dt,
   inner: pt,
@@ -54,7 +54,7 @@ const ze = "_container_nm3gb_1", Ve = "_main_nm3gb_6", Ye = "_langDropdownWrap_n
   reportImagePriority: s,
   backgroundImagePriority: r = !1,
   analytics: a,
-  className: i = ""
+  className: l = ""
 }) => {
   const u = X()?.config.imageComponent ?? ne, o = () => {
     a?.trackBannerClicked?.();
@@ -62,7 +62,7 @@ const ze = "_container_nm3gb_1", Ve = "_main_nm3gb_6", Ye = "_langDropdownWrap_n
   return /* @__PURE__ */ e.jsxs(
     "section",
     {
-      className: `${_.section} ${i}`,
+      className: `${_.section} ${l}`,
       "aria-labelledby": "premium-headline",
       role: "button",
       tabIndex: 0,
@@ -132,7 +132,7 @@ const ze = "_container_nm3gb_1", Ve = "_main_nm3gb_6", Ye = "_langDropdownWrap_n
       ]
     }
   );
-}, Ct = "_section_1kxsy_1", Pt = "_heading_1kxsy_6", It = "_logoImg_1kxsy_10", ie = {
+}, Ct = "_section_1kxsy_1", Pt = "_heading_1kxsy_6", It = "_logoImg_1kxsy_10", le = {
   section: Ct,
   heading: Pt,
   logoImg: It
@@ -142,14 +142,14 @@ const ze = "_container_nm3gb_1", Ve = "_main_nm3gb_6", Ye = "_langDropdownWrap_n
   className: s = ""
 }) => {
   const a = X()?.config.imageComponent ?? ne;
-  return /* @__PURE__ */ e.jsxs("section", { className: `${ie.section} ${s}`, "aria-labelledby": "certified-heading", children: [
-    /* @__PURE__ */ e.jsx("h2", { id: "certified-heading", className: ie.heading, children: t("certifiedBy") }),
+  return /* @__PURE__ */ e.jsxs("section", { className: `${le.section} ${s}`, "aria-labelledby": "certified-heading", children: [
+    /* @__PURE__ */ e.jsx("h2", { id: "certified-heading", className: le.heading, children: t("certifiedBy") }),
     /* @__PURE__ */ e.jsx(
       a,
       {
         src: n,
         alt: "University Certification",
-        className: ie.logoImg,
+        className: le.logoImg,
         width: 380,
         height: 70,
         loading: "lazy"
@@ -181,10 +181,10 @@ const ze = "_container_nm3gb_1", Ve = "_main_nm3gb_6", Ye = "_langDropdownWrap_n
         /* @__PURE__ */ e.jsx("p", { className: R.heading, children: t("yourThreeSteps") }),
         /* @__PURE__ */ e.jsx("h2", { id: "steps-heading", className: R.subtitle, children: t("threeStepsSubtitle") }),
         /* @__PURE__ */ e.jsxs("ol", { className: R.stepList, children: [
-          Ut.map((i, l) => /* @__PURE__ */ e.jsxs("li", { className: R.stepItem, children: [
-            /* @__PURE__ */ e.jsx("span", { className: R.stepNumber, "aria-hidden": !0, children: l + 1 }),
-            /* @__PURE__ */ e.jsx("span", { className: R.stepText, children: t(i) })
-          ] }, i)),
+          Ut.map((l, i) => /* @__PURE__ */ e.jsxs("li", { className: R.stepItem, children: [
+            /* @__PURE__ */ e.jsx("span", { className: R.stepNumber, "aria-hidden": !0, children: i + 1 }),
+            /* @__PURE__ */ e.jsx("span", { className: R.stepText, children: t(l) })
+          ] }, l)),
           /* @__PURE__ */ e.jsxs("li", { className: R.stepItem, children: [
             /* @__PURE__ */ e.jsx("span", { className: R.stepNumber, "aria-hidden": !0, children: "3" }),
             /* @__PURE__ */ e.jsxs("span", { className: R.stepText, children: [
@@ -224,7 +224,7 @@ const Jt = ({
   title: s,
   pdfUrl: r
 }) => {
-  const a = b(null), [i, l] = S(!0), [u, o] = S(null), [x, h] = S(null);
+  const a = b(null), [l, i] = S(!0), [u, o] = S(null), [x, h] = S(null);
   return I(() => {
     if (!t) return;
     const c = (f) => {
@@ -237,11 +237,11 @@ const Jt = ({
     t && import("pdfjs-dist").then((c) => {
       h(c);
     }).catch((c) => {
-      o("Failed to load PDF viewer"), l(!1);
+      o("Failed to load PDF viewer"), i(!1);
     });
   }, [t]), I(() => {
     if (!t || !r || !a.current || !x) return;
-    l(!0), o(null), a.current.innerHTML = "", (async () => {
+    i(!0), o(null), a.current.innerHTML = "", (async () => {
       try {
         Xt(x);
         const y = await x.getDocument({ url: r }).promise, k = a.current;
@@ -256,7 +256,7 @@ const Jt = ({
       } catch (f) {
         o(f instanceof Error ? f.message : "Failed to load PDF");
       } finally {
-        l(!1);
+        i(!1);
       }
     })();
   }, [t, r, x]), t ? /* @__PURE__ */ e.jsx(
@@ -317,17 +317,17 @@ const Jt = ({
   analytics: r,
   className: a = ""
 }) => {
-  const [i, l] = S(!1), u = t("viewSampleReport"), o = t("sampleReportModalTitle"), x = () => {
-    r?.trackViewSampleReportClicked?.(), s?.(), l(!0);
+  const [l, i] = S(!1), u = t("viewSampleReport"), o = t("sampleReportModalTitle"), x = () => {
+    r?.trackViewSampleReportClicked?.(), s?.(), i(!0);
   }, h = () => {
-    r?.trackViewSampleReportClosed?.(), l(!1);
+    r?.trackViewSampleReportClosed?.(), i(!1);
   };
   return /* @__PURE__ */ e.jsxs("section", { className: `${de.section} ${a}`, children: [
     /* @__PURE__ */ e.jsx("button", { type: "button", className: de.button, onClick: x, children: u }),
     /* @__PURE__ */ e.jsx(
       Jt,
       {
-        isOpen: i,
+        isOpen: l,
         onClose: h,
         title: o,
         pdfUrl: n
@@ -372,11 +372,11 @@ const Jt = ({
       "aria-labelledby": "find-heading",
       children: [
         /* @__PURE__ */ e.jsx("h2", { id: "find-heading", className: U.heading, children: t("whatYoullFindTitle") }),
-        /* @__PURE__ */ e.jsx("ul", { className: U.list, children: pn.map((i, l) => /* @__PURE__ */ e.jsxs("li", { className: U.item, children: [
-          /* @__PURE__ */ e.jsx("div", { className: U.imageWrap, children: n[l] ? /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ e.jsx("ul", { className: U.list, children: pn.map((l, i) => /* @__PURE__ */ e.jsxs("li", { className: U.item, children: [
+          /* @__PURE__ */ e.jsx("div", { className: U.imageWrap, children: n[i] ? /* @__PURE__ */ e.jsx(
             a,
             {
-              src: n[l],
+              src: n[i],
               alt: "",
               className: U.image,
               width: 96,
@@ -386,10 +386,10 @@ const Jt = ({
             }
           ) : /* @__PURE__ */ e.jsx("div", { className: U.imagePlaceholder, "aria-hidden": !0 }) }),
           /* @__PURE__ */ e.jsxs("div", { className: U.text, children: [
-            /* @__PURE__ */ e.jsx("h3", { className: U.itemTitle, children: t(i.titleKey) }),
-            /* @__PURE__ */ e.jsx("p", { className: U.itemDesc, children: t(i.descKey) })
+            /* @__PURE__ */ e.jsx("h3", { className: U.itemTitle, children: t(l.titleKey) }),
+            /* @__PURE__ */ e.jsx("p", { className: U.itemDesc, children: t(l.descKey) })
           ] })
-        ] }, i.titleKey)) })
+        ] }, l.titleKey)) })
       ]
     }
   );
@@ -411,7 +411,7 @@ const Jt = ({
   readMoreHref: s,
   onReadMore: r,
   className: a = "",
-  headingClassName: i = jn.headingBold
+  headingClassName: l = jn.headingBold
 }) => /* @__PURE__ */ e.jsx(
   Be,
   {
@@ -420,7 +420,7 @@ const Jt = ({
     readMoreHref: s,
     onReadMore: r,
     className: a,
-    headingClassName: i
+    headingClassName: l
   }
 ), yn = "_headingBold_g8xg7_1", wn = {
   headingBold: yn
@@ -432,13 +432,13 @@ const Jt = ({
   className: n = "",
   headingClassName: s = wn.headingBold
 }) => {
-  const a = X()?.config.isGlobal ?? !0, i = (l) => l === "faqA1" ? a ? "faqA1Global" : "faqA1Domestic" : l;
+  const a = X()?.config.isGlobal ?? !0, l = (i) => i === "faqA1" ? a ? "faqA1Global" : "faqA1Domestic" : i;
   return /* @__PURE__ */ e.jsx(
     Ke,
     {
       t,
       items: vn,
-      resolveAnswerKey: i,
+      resolveAnswerKey: l,
       defaultOpenIndex: 1,
       className: n,
       headingClassName: s
@@ -450,7 +450,7 @@ const Jt = ({
   whatsAppDomestic: s,
   email: r,
   brandName: a,
-  className: i = ""
+  className: l = ""
 }) => {
   const u = X()?.config.isGlobal ?? !0, o = n ?? pe, x = s ?? ue, h = r ?? he, c = u ? t("contactWhatsAppGlobal").replace(pe, o) : t("contactWhatsAppDomestic").replace(ue, x), f = t("contactEmail").replace(he, h);
   return /* @__PURE__ */ e.jsx(
@@ -460,7 +460,7 @@ const Jt = ({
       brandName: a ?? t("contactBrandName"),
       whatsAppLine: c,
       emailLine: f,
-      className: i
+      className: l
     }
   );
 }, Nn = "https://srm-cdn.a4b.io/yoda/1770375694934.svg", kn = "https://srm-cdn.a4b.io/yoda/1770375720933.svg", Cn = "https://srm-cdn.a4b.io/yoda/1770707793537.svg", Pn = ({ t }) => {
@@ -502,9 +502,9 @@ function M({
 }) {
   const r = b(null), a = b(!1);
   return I(() => {
-    const i = r.current;
-    if (!i) return;
-    const l = new IntersectionObserver(
+    const l = r.current;
+    if (!l) return;
+    const i = new IntersectionObserver(
       ([u]) => {
         !u?.isIntersecting || a.current || (a.current = !0, s(t));
       },
@@ -514,11 +514,11 @@ function M({
         rootMargin: `0px 0px -${Fn}px 0px`
       }
     );
-    return l.observe(i), () => l.disconnect();
+    return i.observe(l), () => i.disconnect();
   }, [t, s]), /* @__PURE__ */ e.jsx("div", { ref: r, children: n });
 }
 function Sn({ className: t }) {
-  const { view: n } = le();
+  const { view: n } = ie();
   return n === "form" ? /* @__PURE__ */ e.jsx(Ae, {}) : /* @__PURE__ */ e.jsx(Rn, { className: t });
 }
 function Rn({ className: t }) {
@@ -526,8 +526,8 @@ function Rn({ className: t }) {
     locale: s,
     setLocale: r,
     config: a,
-    goToForm: i
-  } = le(), [l, u] = S(!1), o = b(null), x = b(a.locale), h = b(
+    goToForm: l
+  } = ie(), [i, u] = S(!1), o = b(null), x = b(a.locale), h = b(
     n?.locale
   );
   I(() => {
@@ -537,12 +537,12 @@ function Rn({ className: t }) {
     const d = n?.locale;
     d && h.current !== d && r(d), h.current = d;
   }, [n?.locale, a.locale, r]), I(() => {
-    if (!l) return;
+    if (!i) return;
     const d = (N) => {
       o.current && !o.current.contains(N.target) && u(!1);
     };
     return document.addEventListener("mousedown", d), () => document.removeEventListener("mousedown", d);
-  }, [l]);
+  }, [i]);
   const c = (d) => Tn(s, d), f = a.showLanguageSelector ?? !0, y = a.imageComponent ?? ne, k = f ? /* @__PURE__ */ e.jsxs("div", { className: K.langDropdownWrap, ref: o, children: [
     /* @__PURE__ */ e.jsxs(
       "button",
@@ -552,7 +552,7 @@ function Rn({ className: t }) {
         onClick: () => {
           a.analytics?.trackLanguageClickedFe?.({ language: s }), u((d) => !d);
         },
-        "aria-expanded": l,
+        "aria-expanded": i,
         "aria-haspopup": "listbox",
         id: "kundli-lang",
         "aria-label": c("language"),
@@ -572,7 +572,7 @@ function Rn({ className: t }) {
         ]
       }
     ),
-    l && /* @__PURE__ */ e.jsx(
+    i && /* @__PURE__ */ e.jsx(
       "ul",
       {
         className: K.langMenu,
@@ -597,7 +597,7 @@ function Rn({ className: t }) {
     )
   ] }) : null, C = (d) => {
     const N = d.currentTarget.innerText?.trim() ?? c("ctaButtonAfter");
-    a.analytics?.trackPrimaryCtaClickedFe?.({ ctaText: N }), i(), a.onCtaClick?.();
+    a.analytics?.trackPrimaryCtaClickedFe?.({ ctaText: N }), l(), a.onCtaClick?.();
   }, g = z(
     (d) => {
       a.analytics?.trackDetailedKundliReportImpressionFe?.({
@@ -744,8 +744,8 @@ const En = ({
   showLanguageSelector: s = !0,
   showSheet: r,
   userId: a,
-  isGlobal: i,
-  atlasSearchLocalities: l,
+  isGlobal: l,
+  atlasSearchLocalities: i,
   logoUrl: u,
   reportImageUrl: o,
   universityLogoUrls: x,
@@ -769,8 +769,8 @@ const En = ({
     showLanguageSelector: s,
     showSheet: r,
     userId: a,
-    isGlobal: i,
-    atlasSearchLocalities: l,
+    isGlobal: l,
+    atlasSearchLocalities: i,
     logoUrl: u,
     reportImageUrl: o,
     universityLogoUrls: x,
@@ -987,7 +987,7 @@ const qn = 5e3, Wn = 84, zn = `
   onChipClick: s
 }) => {
   const r = Math.ceil(t.length / 2), a = [t.slice(0, r), t.slice(r)];
-  return /* @__PURE__ */ e.jsx("div", { className: "overflow-x-auto pb-1 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", children: /* @__PURE__ */ e.jsx("div", { className: "inline-flex flex-col gap-2", children: a.map((i, l) => /* @__PURE__ */ e.jsx("div", { className: "flex gap-2", children: i.map((u) => /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ e.jsx("div", { className: "overflow-x-auto pb-1 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", children: /* @__PURE__ */ e.jsx("div", { className: "inline-flex flex-col gap-2", children: a.map((l, i) => /* @__PURE__ */ e.jsx("div", { className: "flex gap-2", children: l.map((u) => /* @__PURE__ */ e.jsx(
     "button",
     {
       type: "button",
@@ -996,15 +996,15 @@ const qn = 5e3, Wn = 84, zn = `
       children: n(u)
     },
     u
-  )) }, l)) }) });
+  )) }, i)) }) });
 }, ts = ({
   textareaRef: t,
   value: n,
   label: s,
   placeholder: r,
   chipKeys: a,
-  t: i,
-  onFocus: l,
+  t: l,
+  onFocus: i,
   onClick: u,
   onChange: o,
   onChipClick: x
@@ -1031,20 +1031,20 @@ const qn = 5e3, Wn = 84, zn = `
       style: { height: "100px" },
       placeholder: r,
       value: n,
-      onFocus: l,
+      onFocus: i,
       onClick: u,
       onChange: o
     }
   ),
-  /* @__PURE__ */ e.jsx(es, { chipKeys: a, t: i, onChipClick: x })
-] }), ns = "_card_62fy9_1", ss = "_top_62fy9_15", as = "_avatar_62fy9_21", os = "_avatarPlaceholder_62fy9_38", rs = "_basicInfo_62fy9_44", is = "_name_62fy9_51", ls = "_exp_62fy9_61", cs = "_langs_62fy9_62", ds = "_divider_62fy9_69", ps = "_certList_62fy9_75", us = "_certItem_62fy9_81", hs = "_bullet_62fy9_90", E = {
+  /* @__PURE__ */ e.jsx(es, { chipKeys: a, t: l, onChipClick: x })
+] }), ns = "_card_62fy9_1", ss = "_top_62fy9_15", as = "_avatar_62fy9_21", os = "_avatarPlaceholder_62fy9_38", rs = "_basicInfo_62fy9_44", ls = "_name_62fy9_51", is = "_exp_62fy9_61", cs = "_langs_62fy9_62", ds = "_divider_62fy9_69", ps = "_certList_62fy9_75", us = "_certItem_62fy9_81", hs = "_bullet_62fy9_90", E = {
   card: ns,
   top: ss,
   avatar: as,
   avatarPlaceholder: os,
   basicInfo: rs,
-  name: is,
-  exp: ls,
+  name: ls,
+  exp: is,
   langs: cs,
   divider: ds,
   certList: ps,
@@ -1094,36 +1094,46 @@ const qn = 5e3, Wn = 84, zn = `
   t: s,
   analytics: r,
   onSelectPlan: a
-}) => /* @__PURE__ */ e.jsx("div", { className: "flex gap-2 pt-4 pb-3 overflow-visible", role: "radiogroup", "aria-label": "Select plan", children: t.map((i) => /* @__PURE__ */ e.jsxs(
-  "button",
-  {
-    type: "button",
-    role: "radio",
-    "aria-checked": i.id === n,
-    className: [
-      "flex-1 relative overflow-visible flex flex-col items-center justify-center gap-1 px-1 py-3 min-h-[125px] min-w-[106px] rounded-xl border-[1.5px] cursor-pointer text-center outline-none transition-colors",
-      i.id === n ? "border-[#e05c2a] bg-[#fff8f4]" : "border-gray-200 bg-white"
-    ].join(" "),
-    onClick: () => {
-      r?.trackPlanSelected?.({ planId: i.id, planName: i.title }), a(i);
-    },
-    children: [
-      i.badge && /* @__PURE__ */ e.jsxs("span", { className: "absolute -top-[14px] left-0 right-0 inline-flex items-center justify-center gap-1 whitespace-nowrap rounded-t-xl bg-[linear-gradient(180deg,#751139_0%,#D51F68_100%)] px-2 py-[6px] text-[11px] font-bold text-white", children: [
-        /* @__PURE__ */ e.jsx(Jn, {}),
-        s(i.badge)
-      ] }),
-      /* @__PURE__ */ e.jsx(
-        "span",
-        {
-          className: `text-[14px] leading-snug ${i.id === n ? "font-bold text-gray-900" : "font-semibold text-gray-600"}`,
-          children: s(i.title)
-        }
-      ),
-      /* @__PURE__ */ e.jsx("span", { className: "text-[15px] font-bold text-[#1D2125] leading-tight", children: i.price })
-    ]
-  },
-  i.id
-)) }), fs = ({
+}) => (
+  /*
+   * pt-[18px] reserves space for the badge that floats above the card.
+   * Each card wrapper is `relative overflow-visible` so the badge can
+   * sit above the card boundary without being clipped by the sheet's
+   * overflow-hidden (the badge's nearest `overflow-hidden` ancestor is
+   * now the sticky footer, not the sheet, which doesn't clip it).
+   */
+  /* @__PURE__ */ e.jsx("div", { className: "flex gap-2 pt-[18px] pb-3", role: "radiogroup", "aria-label": "Select plan", children: t.map((l) => /* @__PURE__ */ e.jsxs("div", { className: "flex-1 relative min-w-[106px]", children: [
+    l.badge && /* @__PURE__ */ e.jsxs("span", { className: "absolute -top-[18px] left-0 right-0 inline-flex items-center justify-center gap-1 whitespace-nowrap rounded-t-xl bg-[linear-gradient(180deg,#751139_0%,#D51F68_100%)] px-2 py-[6px] text-[11px] font-bold text-white z-10", children: [
+      /* @__PURE__ */ e.jsx(Jn, {}),
+      s(l.badge)
+    ] }),
+    /* @__PURE__ */ e.jsxs(
+      "button",
+      {
+        type: "button",
+        role: "radio",
+        "aria-checked": l.id === n,
+        className: [
+          "w-full flex flex-col items-center justify-center gap-1 px-1 py-3 min-h-[125px] rounded-xl border-[1.5px] cursor-pointer text-center outline-none transition-colors overflow-hidden",
+          l.id === n ? "border-[#e05c2a] bg-[#fff8f4]" : "border-gray-200 bg-white"
+        ].join(" "),
+        onClick: () => {
+          r?.trackPlanSelected?.({ planId: l.id, planName: l.title }), a(l);
+        },
+        children: [
+          /* @__PURE__ */ e.jsx(
+            "span",
+            {
+              className: `text-[14px] leading-snug ${l.id === n ? "font-bold text-gray-900" : "font-semibold text-gray-600"}`,
+              children: s(l.title)
+            }
+          ),
+          /* @__PURE__ */ e.jsx("span", { className: "text-[15px] font-bold text-[#1D2125] leading-tight", children: l.price })
+        ]
+      }
+    )
+  ] }, l.id)) })
+), fs = ({
   canProceed: t,
   label: n,
   showDisabledHint: s,
@@ -1165,13 +1175,13 @@ const qn = 5e3, Wn = 84, zn = `
   selectedPlan: s,
   onSelectPlan: r,
   plans: a,
-  onProceed: i,
-  locale: l = "en",
+  onProceed: l,
+  locale: i = "en",
   t: u,
   analytics: o,
   isGlobal: x = !0
 }) => {
-  const h = z((m) => (me[l] ?? me.en)[m] ?? u?.(m) ?? m, [l, u]), c = ce(() => a ?? Gn(x), [a, x]), f = s?.id || c.find((m) => m.badge)?.id || c[0]?.id || "", y = b(null), k = b(null), C = b(null), g = b(!1), [d, N] = S(""), [F, w] = S("custom"), [L, Q] = S(null), [H, G] = S(!1), q = b(!1), V = b(null), P = ce(() => c.find((m) => m.id === f) ?? c[0], [c, f]), D = !!P?.supportsQuestion, j = !D || d.trim().length > 0, ae = z(() => {
+  const h = z((m) => (me[i] ?? me.en)[m] ?? u?.(m) ?? m, [i, u]), c = ce(() => a ?? Gn(x), [a, x]), f = s?.id || c.find((m) => m.badge)?.id || c[0]?.id || "", y = b(null), k = b(null), C = b(null), g = b(!1), [d, N] = S(""), [F, w] = S("custom"), [L, Q] = S(null), [H, G] = S(!1), q = b(!1), V = b(null), P = ce(() => c.find((m) => m.id === f) ?? c[0], [c, f]), D = !!P?.supportsQuestion, j = !D || d.trim().length > 0, ae = z(() => {
     const m = V.current;
     m && (m.style.height = "auto", m.style.height = Math.max(100, Math.min(m.scrollHeight, Wn)) + "px");
   }, []);
@@ -1228,7 +1238,7 @@ const qn = 5e3, Wn = 84, zn = `
         question_asked: D ? !0 : void 0,
         question_text: D ? d.trim() : void 0,
         question_source: D ? F : void 0
-      }), i(P, D ? d.trim() : void 0), n();
+      }), l(P, D ? d.trim() : void 0), n();
     }
   };
   return t ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
@@ -1278,7 +1288,7 @@ const qn = 5e3, Wn = 84, zn = `
               /* @__PURE__ */ e.jsxs(
                 "div",
                 {
-                  className: "px-4 pt-3.5 bg-white border-t border-gray-100 sticky bottom-0 z-[5]",
+                  className: "px-4 pt-3.5 bg-white border-t border-gray-100 sticky bottom-0 z-[5] overflow-visible",
                   style: { paddingBottom: "calc(14px + env(safe-area-inset-bottom))" },
                   children: [
                     /* @__PURE__ */ e.jsx(
@@ -1479,9 +1489,9 @@ function A({
 }) {
   const r = b(null), a = b(!1);
   return I(() => {
-    const i = r.current;
-    if (!i) return;
-    const l = new IntersectionObserver(
+    const l = r.current;
+    if (!l) return;
+    const i = new IntersectionObserver(
       ([u]) => {
         !u?.isIntersecting || a.current || (a.current = !0, s(t));
       },
@@ -1491,7 +1501,7 @@ function A({
         rootMargin: `0px 0px -${As}px 0px`
       }
     );
-    return l.observe(i), () => l.disconnect();
+    return i.observe(l), () => i.disconnect();
   }, [t, s]), /* @__PURE__ */ e.jsx("div", { ref: r, children: n });
 }
 function Ds({
@@ -1501,13 +1511,13 @@ function Ds({
   kundliReportSampleHref: r,
   oneQuestionSampleHref: a
 }) {
-  const i = je(), {
-    locale: l,
+  const l = je(), {
+    locale: i,
     setLocale: u,
     config: o,
     formValues: x,
     setFormValues: h
-  } = le(), [c, f] = S(!1), [y, k] = S(null), C = b(null), g = b(void 0), d = b(null), N = b(!1), F = z((p) => {
+  } = ie(), [c, f] = S(!1), [y, k] = S(null), C = b(null), g = b(void 0), d = b(null), N = b(!1), F = z((p) => {
     C.current = p, f(!0);
   }, []), w = z(() => {
     if (!C.current || !y) return;
@@ -1520,15 +1530,15 @@ function Ds({
   }, [y, o.onProceed, o.onProceedGuidance]), [L, Q] = S(!1), [H, G] = S(
     o.isGlobal ?? !0 ? "+1" : "+91"
   ), q = b(null), V = b(null), P = b(o.locale), D = b(
-    i?.locale
+    l?.locale
   );
   I(() => {
     o.locale && P.current !== o.locale && u(o.locale), P.current = o.locale;
   }, [o.locale, u]), I(() => {
     if (o.locale) return;
-    const p = i?.locale;
+    const p = l?.locale;
     p && D.current !== p && u(p), D.current = p;
-  }, [i?.locale, o.locale, u]), I(() => {
+  }, [l?.locale, o.locale, u]), I(() => {
     G(o.isGlobal ?? !0 ? "+1" : "+91");
   }, [o.isGlobal]), I(() => {
     if (!L) return;
@@ -1548,14 +1558,14 @@ function Ds({
     );
     return B.observe(p), () => B.disconnect();
   }, [s, o.analytics]);
-  const j = (p) => Es(l, p), oe = o.showLanguageSelector ?? !0 ? /* @__PURE__ */ e.jsxs("div", { className: O.langDropdownWrap, ref: V, children: [
+  const j = (p) => Es(i, p), oe = o.showLanguageSelector ?? !0 ? /* @__PURE__ */ e.jsxs("div", { className: O.langDropdownWrap, ref: V, children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
         type: "button",
         className: O.langTrigger,
         onClick: () => {
-          o.analytics?.trackLanguageClickedFe?.({ language: l }), Q((p) => !p);
+          o.analytics?.trackLanguageClickedFe?.({ language: i }), Q((p) => !p);
         },
         "aria-expanded": L,
         "aria-haspopup": "listbox",
@@ -1573,7 +1583,7 @@ function Ds({
               "aria-hidden": !0
             }
           ),
-          /* @__PURE__ */ e.jsx("span", { className: O.langLabel, children: se[l] })
+          /* @__PURE__ */ e.jsx("span", { className: O.langLabel, children: se[i] })
         ]
       }
     ),
@@ -1583,13 +1593,13 @@ function Ds({
         className: O.langMenu,
         role: "listbox",
         "aria-labelledby": "kundli-lang",
-        "aria-activedescendant": `kundli-lang-option-${l}`,
+        "aria-activedescendant": `kundli-lang-option-${i}`,
         children: ye.map((p) => /* @__PURE__ */ e.jsx(
           "li",
           {
             id: `kundli-lang-option-${p}`,
             role: "option",
-            "aria-selected": p === l,
+            "aria-selected": p === i,
             className: O.langOption,
             onClick: () => {
               o.analytics?.trackLanguageChangedFe?.({ newLanguage: p }), u(p), Q(!1);
@@ -1679,7 +1689,7 @@ function Ds({
         {
           section: "three_steps_process",
           onImpression: T,
-          children: /* @__PURE__ */ e.jsx(Pe, { t: j, locale: l, isGlobal: o.isGlobal })
+          children: /* @__PURE__ */ e.jsx(Pe, { t: j, locale: i, isGlobal: o.isGlobal })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -1805,7 +1815,7 @@ function Ds({
         selectedPlan: y,
         onSelectPlan: (p) => k(p),
         isGlobal: o.isGlobal,
-        locale: l,
+        locale: i,
         onProceed: (p, B) => {
           g.current = B, w();
         },
@@ -1834,8 +1844,8 @@ const $s = ({
   showLanguageSelector: s = !0,
   showSheet: r,
   userId: a,
-  isGlobal: i,
-  atlasSearchLocalities: l,
+  isGlobal: l,
+  atlasSearchLocalities: i,
   enableThreeSkuFlow: u = !1,
   kundliReportSampleHref: o,
   oneQuestionSampleHref: x,
@@ -1862,9 +1872,9 @@ const $s = ({
     showLanguageSelector: s,
     showSheet: r,
     userId: a,
-    isGlobal: i,
+    isGlobal: l,
     variant: "v1",
-    atlasSearchLocalities: l,
+    atlasSearchLocalities: i,
     logoUrl: h,
     reportImageUrl: c,
     universityLogoUrls: f,
@@ -1903,4 +1913,4 @@ export {
   En as b,
   $s as c
 };
-//# sourceMappingURL=criticalCss-CQtIlhrr.js.map
+//# sourceMappingURL=criticalCss-oJIi5QxU.js.map