/* =========================================================================
   djjs.us · v1.1.2 site chrome (public pages, /admin desks and the Sangat portal shell; never the kiosk)
   Self-contained: the portal has no site.css, so every value has its own fallback. Behaviour: assets/js/chrome-v112.js.
     1. Puja Metamorphosis      html[data-puja="morning|evening"]: sanctum, petals, thalis, the golden banner
     2. Localization            html.djjs-i18n-wait, the EN · हिं · ਪੰ switchers, Devanagari / Gurmukhi type
     3. iOS install sheet       .djjs-a2hs
     4. Standalone              html.djjs-standalone (home-screen app: safe areas, no URL-bar assumptions)
   ========================================================================= */

/* ---------- 1. Puja Metamorphosis ---------- */
/* Public pages and desks: the sanctum sits BEHIND the page (z-index -1 in the root stacking context) and <body> lets it
   show through; the sections that paint their own dark or parchment ground let a little of its light in. */
html[data-puja] body.is-site { background-color: transparent; }
.djjs-puja-layer { position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; contain: strict; }
.djjs-puja-layer * { pointer-events: none; }
.djjs-puja-sanctum, .djjs-puja-petals { position: absolute; inset: 0; width: 100%; height: 100%; }
.djjs-puja-thalis { position: fixed; inset: 0; z-index: 40; pointer-events: none; overflow: hidden; }   /* under the sticky header (50) */
.djjs-puja-thali { position: absolute; display: block; pointer-events: none; }
.djjs-puja-thali[hidden] { display: none; }
/* Temple Dark: vermilion and amber light over Midnight Onyx */
.djjs-puja-sanctum {
  background:
    radial-gradient(110% 60% at 50% -12%, rgba(136, 19, 55, 0.62), rgba(136, 19, 55, 0.12) 55%, transparent 72%),
    radial-gradient(55% 45% at -6% 58%, rgba(217, 119, 6, 0.26), transparent 70%),
    radial-gradient(55% 45% at 106% 70%, rgba(217, 119, 6, 0.26), transparent 70%),
    radial-gradient(90% 55% at 50% 112%, rgba(190, 64, 18, 0.34), transparent 70%),
    #0D0B09;
}
.djjs-puja-sanctum::after {   /* the lamp light breathes */
  content: ""; position: absolute; inset: 0;
  background: radial-gradient(40% 32% at 50% 30%, rgba(252, 211, 77, 0.10), transparent 70%),
              radial-gradient(70% 50% at 50% 100%, rgba(245, 158, 11, 0.12), transparent 70%);
}
/* Light theme: a warm saffron-parchment sanctum */
html[data-theme="light"] .djjs-puja-sanctum, html:not(.dark):not([data-theme="dark"]) .djjs-puja-layer--over .djjs-puja-sanctum {
  background:
    radial-gradient(110% 60% at 50% -12%, rgba(245, 158, 11, 0.30), rgba(245, 158, 11, 0.06) 55%, transparent 72%),
    radial-gradient(55% 45% at -6% 58%, rgba(234, 88, 12, 0.14), transparent 70%),
    radial-gradient(55% 45% at 106% 70%, rgba(234, 88, 12, 0.14), transparent 70%),
    radial-gradient(90% 55% at 50% 112%, rgba(136, 19, 55, 0.10), transparent 70%),
    #FBF1DC;
}
html[data-theme="light"] .djjs-puja-sanctum::after {
  background: radial-gradient(40% 32% at 50% 30%, rgba(255, 247, 214, 0.55), transparent 70%),
              radial-gradient(70% 50% at 50% 100%, rgba(245, 158, 11, 0.14), transparent 70%);
}
@media (prefers-reduced-motion: no-preference) {
  .djjs-puja-sanctum::after { animation: djjs-puja-breathe 9s ease-in-out infinite; }
  @keyframes djjs-puja-breathe { 0%, 100% { opacity: 0.55; } 50% { opacity: 1; } }
}
/* The bands that paint their own ground let the sanctum glow through */
html[data-puja][data-theme="dark"] .is-site :is(.initiatives, .faq) { background-color: rgba(15, 12, 10, 0.72); }
html[data-puja][data-theme="dark"] .is-site .site-footer { background-color: rgba(10, 8, 7, 0.82); }
html[data-puja][data-theme="light"] .is-site :is(.initiatives, .faq, .site-footer) { background-color: rgba(251, 241, 220, 0.72); }
/* The sticky header gains a lamp-lit gold edge */
html[data-puja] .site-header { box-shadow: 0 1px 0 rgba(242, 181, 76, 0.55), 0 14px 34px -22px rgba(217, 119, 6, 0.75); }
/* Portal: the app paints its own ground, so the layer floats over it, faint, under the app's sticky header and dialogs */
.djjs-puja-layer--over, .djjs-puja-layer--over ~ .djjs-puja-thalis { z-index: 30; }
.djjs-puja-layer--over .djjs-puja-sanctum {
  background:
    radial-gradient(120% 70% at 50% -20%, rgba(136, 19, 55, 0.16), transparent 60%),
    radial-gradient(40% 70% at -10% 60%, rgba(217, 119, 6, 0.14), transparent 70%),
    radial-gradient(40% 70% at 110% 60%, rgba(217, 119, 6, 0.14), transparent 70%);
}
.djjs-puja-layer--over .djjs-puja-sanctum::after { display: none; }
@media print { .djjs-puja-layer, .djjs-puja-thalis, .djjs-puja-banner { display: none !important; } html[data-puja] body.is-site { background-color: #fff; } }
@media (forced-colors: active) { .djjs-puja-layer, .djjs-puja-thalis { display: none; } }

/* The golden banner, first on the page: in the flow above the announcement bar and the sticky header, so nothing
   overlaps it (a live sadhna bar, fixed at the top, keeps covering the top of the page as before). */
.djjs-puja-banner {
  position: relative; z-index: 1; isolation: isolate;
  color: #2A0A14; font: 500 15px/1.4 "Plus Jakarta Sans", Mukta, system-ui, -apple-system, "Segoe UI", sans-serif;
  background:
    radial-gradient(60% 220% at 50% -40%, rgba(255, 249, 225, 0.75), transparent 70%),
    linear-gradient(100deg, #C98A22 0%, #E9B44C 22%, #F8D888 50%, #E9B44C 78%, #C98A22 100%);
  border-bottom: 1px solid rgba(122, 17, 49, 0.4);
  box-shadow: inset 0 -2px 0 rgba(136, 19, 55, 0.28), 0 10px 28px -20px rgba(122, 17, 49, 0.8);
  -webkit-text-size-adjust: 100%;
}
.djjs-puja-banner::before {   /* a fine line of light along the top edge */
  content: ""; position: absolute; inset: 0 0 auto; height: 1px; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.85), transparent);
}
.djjs-puja-banner__inner {
  display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; box-sizing: border-box;
  max-width: var(--wrap, 80rem); margin-inline: auto;
  padding: calc(8px + env(safe-area-inset-top, 0px) * var(--djjs-puja-safe, 0)) max(16px, env(safe-area-inset-right, 0px)) 8px max(16px, env(safe-area-inset-left, 0px));
  min-height: 56px;
}
.djjs-puja-banner__thali { flex: none; width: 46px; height: 46px; margin: -4px 0; filter: drop-shadow(0 4px 8px rgba(122, 17, 49, 0.35)); }
.djjs-puja-banner__thali svg { display: block; width: 100%; height: 100%; overflow: visible; }
html.djjs-puja-gutters .djjs-puja-banner__thali { display: none; }   /* the gutters hold the thalis */
.djjs-puja-banner__text { flex: 1 1 24rem; min-width: 0; margin: 0; text-wrap: pretty; }
.djjs-puja-banner__lead { font-family: "Cormorant Garamond", "Tiro Devanagari Hindi", Georgia, serif; font-size: 19.5px; font-weight: 600; line-height: 1.2; letter-spacing: 0.005em; color: #3A0A18; }
.djjs-puja-banner__diya { font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; font-size: 16px; }
.djjs-puja-banner__sub { color: #4C0519; font-size: 14px; }
.djjs-puja-banner__cta {
  flex: none; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 20px; border-radius: 999px;
  background: linear-gradient(180deg, #9B1844 0%, #881337 55%, #7A1131 100%); color: #FFF7EE; text-decoration: none; font-weight: 600; font-size: 15px; white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 0 0 3px rgba(255, 247, 214, 0.55), 0 8px 18px -10px rgba(122, 17, 49, 0.9);
  transition: filter 160ms ease, transform 160ms ease;
}
.djjs-puja-banner__cta > span[aria-hidden] { font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; }
.djjs-puja-banner__cta:visited, .djjs-puja-banner__cta:hover { color: #FFF7EE; }
.djjs-puja-banner__close {
  flex: none; display: inline-grid; place-items: center; width: 44px; height: 44px; margin-right: -6px; padding: 0; border: 0; border-radius: 999px;
  background: transparent; color: #3A0A18; cursor: pointer; touch-action: manipulation; -webkit-tap-highlight-color: transparent;
}
.djjs-puja-banner a:focus-visible, .djjs-puja-banner button:focus-visible { outline: 2px solid #4C0519; outline-offset: 2px; }
@media (hover: hover) and (pointer: fine) {
  .djjs-puja-banner__cta:hover { filter: brightness(1.1); transform: translateY(-1px); }
  .djjs-puja-banner__close:hover { background: rgba(76, 5, 25, 0.1); }
}
@media (max-width: 639.98px) {
  .djjs-puja-banner__inner { display: grid; grid-template-columns: auto 1fr auto; align-items: start; gap: 6px 10px; padding-top: 10px; padding-bottom: 10px; }
  .djjs-puja-banner__thali { width: 38px; height: 38px; margin: 0; grid-row: 1; }
  .djjs-puja-banner__text { grid-column: 2; grid-row: 1; }
  .djjs-puja-banner__lead { font-size: 18px; display: block; margin-bottom: 2px; }
  .djjs-puja-banner__sub { font-size: 13px; display: block; }
  .djjs-puja-banner__close { grid-column: 3; grid-row: 1; margin: -6px -8px 0 0; }
  .djjs-puja-banner__cta { grid-column: 1 / -1; grid-row: 2; width: 100%; }
  html.djjs-puja-gutters .djjs-puja-banner__text { grid-column: 1 / 3; }
}
/* the little thali in the banner circles too (transform only; still under reduced motion) */
@media (prefers-reduced-motion: no-preference) {
  .djjs-puja-banner__thali .djjs-thali__orbit { transform-box: view-box; transform-origin: 32px 30px; animation: djjs-thali-orbit 7.5s linear infinite; }
  .djjs-puja-banner__thali .djjs-thali__flame { transform-box: fill-box; transform-origin: 50% 100%; animation: djjs-thali-flicker 1.1s ease-in-out infinite alternate; }
  @keyframes djjs-thali-orbit {   /* a slow clockwise circle: translate round a 4px radius, never rotate the plate */
    0% { transform: translate(0, -4px); } 25% { transform: translate(4px, 0); } 50% { transform: translate(0, 4px); } 75% { transform: translate(-4px, 0); } 100% { transform: translate(0, -4px); }
  }
  @keyframes djjs-thali-flicker { from { transform: scale(0.94, 0.9); opacity: 0.9; } to { transform: scale(1.04, 1.08); opacity: 1; } }
  .djjs-puja-banner { animation: djjs-puja-in 600ms cubic-bezier(0.22, 1, 0.36, 1) both; }
  @keyframes djjs-puja-in { from { opacity: 0; } }
}
/* (keyframes for the orbit: linear steps between the four points read as a circle at this size) */

/* ---------- 2. Localization ---------- */
/* Before the dictionary has swapped the text in: hidden, never blank for long (shown again after 2.5 s regardless). */
html.djjs-i18n-wait :is([data-i18n], .hero__title, .hero__lead, .hero__guide, .hero__actions > a, #main .hero .eyebrow > span,
  #main section .eyebrow > span, #main section h2[id$="-title"], #sanctuary .eyebrow, .nav a, .nav-explore__btn, .drawer__label) {
  visibility: hidden; animation: djjs-i18n-reveal 0s linear 2.5s forwards;
}
@keyframes djjs-i18n-reveal { to { visibility: visible; } }
/* Type: Mukta (self-hosted) and Tiro Devanagari carry Hindi; Gurmukhi comes from the system (Noto Sans Gurmukhi on
   Android, Gurmukhi Sangam MN / Gurmukhi MN on Apple, Nirmala UI / Raavi on Windows): no external font is loaded. */
html[lang="pa"] {
  --sans: "Plus Jakarta Sans", "Jakarta Fallback", "Mukta Mahee", "Noto Sans Gurmukhi", "Gurmukhi Sangam MN", "Gurmukhi MN", "Nirmala UI", "Raavi", system-ui, -apple-system, sans-serif;
  --serif: "Cormorant Garamond", "Cormorant Fallback", "Noto Serif Gurmukhi", "Gurmukhi Sangam MN", "Gurmukhi MN", "Nirmala UI", "Raavi", Georgia, serif;
}
:is(html[lang="hi"], html[lang="pa"]) body.is-site :is(h1, h2, .hero__line, .brand__name) { letter-spacing: 0; }
[data-i18n]:is([lang="hi"], [lang="pa"]):is(h1, h2, h3, .hero__line) { line-height: 1.3; }
[data-i18n]:is([lang="hi"], [lang="pa"]).hero__line { padding-block: 0.04em; }
[data-i18n]:is([lang="hi"], [lang="pa"]):is(.nav a, .nav-explore__btn span, .eyebrow > span, .footer__h, .drawer__sub-h) { letter-spacing: 0.01em; text-transform: none; }
[data-i18n][lang="pa"] { font-family: "Mukta Mahee", "Noto Sans Gurmukhi", "Gurmukhi Sangam MN", "Gurmukhi MN", "Nirmala UI", "Raavi", sans-serif; }
[data-i18n][lang="pa"]:is(h1, h2, .hero__line, .hero__lead, .footer__blockquote p) { font-family: "Noto Serif Gurmukhi", "Gurmukhi Sangam MN", "Gurmukhi MN", "Mukta Mahee", "Noto Sans Gurmukhi", "Nirmala UI", serif; }
[data-i18n][lang="hi"] { font-family: Mukta, "Noto Sans Devanagari", "Kohinoor Devanagari", sans-serif; }
[data-i18n][lang="hi"]:is(h1, h2, .hero__line, .hero__lead, .footer__blockquote p) { font-family: "Tiro Devanagari Hindi", Mukta, "Noto Serif Devanagari", "Kohinoor Devanagari", serif; }

/* The header switcher: a compact disclosure from 1024px (the drawer has the full row below that) */
.djjs-lang--header { position: relative; flex: none; }
.djjs-lang--header > summary { list-style: none; cursor: pointer; font-size: 0.8125rem; font-weight: 700; letter-spacing: 0.02em; }
.djjs-lang--header > summary::-webkit-details-marker { display: none; }
.djjs-lang__cur { font-family: var(--sans, system-ui), Mukta, "Noto Sans Gurmukhi", sans-serif; line-height: 1; }
.djjs-lang__panel {
  position: absolute; top: calc(100% + 10px); right: -8px; z-index: 60; display: grid; gap: 2px; min-width: 10.5rem; padding: 8px;
  border-radius: 16px; border: 1px solid var(--champagne-strong, rgba(217, 119, 6, 0.45)); background: var(--surface, #FFFEFB); box-shadow: var(--shadow-lift, 0 16px 40px -18px rgba(0, 0, 0, 0.5));
}
.djjs-lang__opt {
  display: flex; align-items: center; min-height: 44px; padding: 0 14px; border: 0; border-radius: 10px; background: transparent; color: var(--ink, #1E1412);
  font: inherit; font-size: 1rem; text-align: left; cursor: pointer;
}
.djjs-lang__opt[lang="hi"] { font-family: Mukta, "Noto Sans Devanagari", sans-serif; }
.djjs-lang__opt[lang="pa"] { font-family: "Mukta Mahee", "Noto Sans Gurmukhi", "Gurmukhi Sangam MN", "Gurmukhi MN", "Nirmala UI", sans-serif; }
.djjs-lang__opt[aria-pressed="true"] { background: rgba(245, 158, 11, 0.14); color: var(--accent, #881337); font-weight: 700; }
.djjs-lang__opt[aria-pressed="true"]::after { content: "✓"; margin-left: auto; padding-left: 12px; }
.djjs-lang__opt:focus-visible { outline: 2px solid var(--focus, #881337); outline-offset: -2px; }
@media (hover: hover) and (pointer: fine) { .djjs-lang__opt:hover { background: rgba(245, 158, 11, 0.09); } }
@media (max-width: 1023.98px) { .djjs-lang--header { display: none; } }
@media (prefers-reduced-motion: no-preference) {
  .djjs-lang--header[open] .djjs-lang__panel { animation: djjs-lang-in 200ms cubic-bezier(0.22, 1, 0.36, 1) both; }
  @keyframes djjs-lang-in { from { opacity: 0; transform: translateY(-6px); } }
}
/* The drawer row: three 48px buttons */
.djjs-lang--drawer { margin-top: 6px; }
.djjs-lang__seg { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid rgba(242, 181, 76, 0.4); border-radius: 999px; overflow: hidden; }
.djjs-lang--drawer .djjs-lang__opt { justify-content: center; min-height: 48px; border-radius: 0; color: #F3E9DA; font-size: 1rem; text-align: center; }
.djjs-lang--drawer .djjs-lang__opt + .djjs-lang__opt { border-left: 1px solid rgba(242, 181, 76, 0.3); }
.djjs-lang--drawer .djjs-lang__opt[aria-pressed="true"] { background: rgba(242, 181, 76, 0.2); color: #FCD34D; }
.djjs-lang--drawer .djjs-lang__opt[aria-pressed="true"]::after { content: none; }

/* ---------- 3. iOS "Add to Home Screen" sheet (non-blocking; nothing behind it is dimmed or locked) ---------- */
/* v1.5.3: a golden parchment drawer. Contrast (AAA): #2A1614 on #FFF8E7 16.4:1, #78122B on #FFF8E7 11.0:1, #5A4636 on #FBEFD2 7.6:1. */
.djjs-a2hs {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 120; display: flex; justify-content: center; pointer-events: none;
  padding: 0 max(12px, env(safe-area-inset-right, 0px)) calc(12px + env(safe-area-inset-bottom, 0px)) max(12px, env(safe-area-inset-left, 0px));
  font: 400 15px/1.45 "Plus Jakarta Sans", Mukta, system-ui, -apple-system, sans-serif; color: #2A1614;
  transform: translateY(calc(100% + 24px)); opacity: 0; transition: transform 380ms cubic-bezier(0.22, 1, 0.36, 1), opacity 300ms ease;
}
.djjs-a2hs.is-in { transform: none; opacity: 1; }
.djjs-a2hs--ipad { top: 0; bottom: auto; justify-content: flex-end; padding-top: calc(12px + env(safe-area-inset-top, 0px)); transform: translateY(-24px); }
.djjs-a2hs__card {
  pointer-events: auto; position: relative; display: grid; grid-template-columns: auto 1fr; gap: 6px 14px; width: min(100%, 30rem); box-sizing: border-box;
  padding: 18px 18px 14px; border-radius: 24px; border: 1px solid rgba(217, 119, 6, 0.55);
  background: radial-gradient(120% 90% at 0% 0%, rgba(252, 211, 77, 0.35), transparent 60%), linear-gradient(180deg, #FFF8E7, #FBEFD2);
  box-shadow: 0 24px 60px -24px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(120, 18, 43, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.7);
}
.djjs-a2hs__icon { width: 52px; height: 52px; border-radius: 14px; box-shadow: 0 6px 16px -8px rgba(217, 119, 6, 0.8); }
.djjs-a2hs__title { margin: 0 0 4px; font-family: "Cormorant Garamond", "Tiro Devanagari Hindi", Georgia, serif; font-size: 21px; font-weight: 600; line-height: 1.15; color: #78122B; }
.djjs-a2hs__text { margin: 0 0 10px; color: #2A1614; }
.djjs-a2hs__steps { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 0 0 8px; padding: 0; list-style: none; }
.djjs-a2hs__steps li { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 6px 10px; border-radius: 14px; background: rgba(255, 255, 255, 0.6); border: 1px solid rgba(217, 119, 6, 0.35); font-size: 14px; font-weight: 600; line-height: 1.25; }
.djjs-a2hs__glyph { flex: none; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: rgba(10, 132, 255, 0.12); color: #0A5FC2; }
.djjs-a2hs__glyph svg { display: block; }
.djjs-a2hs__n { display: inline-grid; place-items: center; width: 1.35em; height: 1.35em; margin-right: 2px; border-radius: 50%; background: #78122B; color: #FFF7EE; font-size: 12px; }
.djjs-a2hs__note { margin: 0; font-size: 13px; color: #5A4636; }
.djjs-a2hs__actions { grid-column: 1 / -1; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; margin-top: 4px; }
.djjs-a2hs__dismiss, .djjs-a2hs__never {
  min-height: 44px; min-width: 44px; padding: 0 18px; border-radius: 999px; cursor: pointer; font: inherit; font-weight: 600;
}
.djjs-a2hs__dismiss { border: 1px solid #78122B; background: #78122B; color: #FFF7EE; }
.djjs-a2hs__never { border: 1px solid rgba(120, 18, 43, 0.45); background: transparent; color: #78122B; }
.djjs-a2hs__dismiss:focus-visible, .djjs-a2hs__never:focus-visible { outline: 2px solid #D97706; outline-offset: 2px; }
.djjs-a2hs__pointer {   /* a soft arrow toward Safari's Share button (bottom centre on iPhone, top right on iPad) */
  position: absolute; left: 50%; bottom: calc(2px + env(safe-area-inset-bottom, 0px)); width: 14px; height: 14px; margin-left: -7px;
  background: #FBEFD2; border-right: 1px solid rgba(217, 119, 6, 0.55); border-bottom: 1px solid rgba(217, 119, 6, 0.55); transform: rotate(45deg); pointer-events: none;
}
.djjs-a2hs--ipad .djjs-a2hs__pointer { display: none; }

/* ---------- v1.5.3: Android one-tap install pill (top bar, under the header; never covers the header's own controls) ---------- */
.djjs-install-pill {
  position: fixed; left: 50%; top: calc(76px + env(safe-area-inset-top, 0px)); z-index: 119; display: inline-flex; align-items: center; gap: 2px;
  padding: 4px; border-radius: 999px; background: #161311; border: 1px solid rgba(245, 158, 11, 0.55);
  box-shadow: 0 14px 34px -14px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(0, 0, 0, 0.3);
  transform: translate(-50%, -12px); opacity: 0; transition: transform 320ms cubic-bezier(0.22, 1, 0.36, 1), opacity 260ms ease;
  font: 600 15px/1 "Plus Jakarta Sans", Mukta, system-ui, sans-serif;
}
.djjs-install-pill.is-in { transform: translate(-50%, 0); opacity: 1; }
.djjs-install-pill__go { min-height: 44px; padding: 0 18px; border: 0; border-radius: 999px; background: #F59E0B; color: #0D0B09; font: inherit; cursor: pointer; white-space: nowrap; }
.djjs-install-pill__x { min-height: 44px; min-width: 44px; border: 0; border-radius: 999px; background: transparent; color: #FCFBF7; font: 400 22px/1 system-ui, sans-serif; cursor: pointer; }
.djjs-install-pill__go:focus-visible, .djjs-install-pill__x:focus-visible { outline: 2px solid #FCD34D; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .djjs-install-pill { transition: none; } }
@media print { .djjs-install-pill { display: none !important; } }
@media (max-width: 359.98px) { .djjs-a2hs__steps { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .djjs-a2hs { transition: none; } }
@media print { .djjs-a2hs { display: none !important; } }

/* ---------- 4. Standalone (opened from the Home Screen) ----------
   The status bar is translucent (apple-mobile-web-app-status-bar-style black-translucent): the page starts below it, a
   bar-coloured strip sits behind it, and the sticky header and the sadhna bar stop under it. No layout assumes a URL bar. */
html.djjs-standalone:not(.djjs-global-live) body.is-site { padding-top: env(safe-area-inset-top, 0px); }
html.djjs-standalone body.is-site::before {
  content: ""; position: fixed; top: 0; left: 0; right: 0; z-index: 59; height: env(safe-area-inset-top, 0px);
  background: var(--header-bg-opaque, #0D0B09); pointer-events: none;
}
html.djjs-standalone:not(.djjs-global-live) .site-header { top: env(safe-area-inset-top, 0px); padding-top: 0; }
html.djjs-standalone body.is-site { padding-bottom: env(safe-area-inset-bottom, 0px); }
html.djjs-standalone .site-footer { padding-bottom: env(safe-area-inset-bottom, 0px); }
html.djjs-standalone { -webkit-user-select: auto; overscroll-behavior-y: none; }

/* v1.5.3: the drawer's "📲 Share DivyaSangat with Gurubhais" (WhatsApp): full width, WhatsApp green on the dark drawer (11.8:1) */
.drawer__tool--share { grid-column: 1 / -1; text-decoration: none; border-color: rgba(37, 211, 102, 0.45); background: rgba(37, 211, 102, 0.08); color: #B9F6CF; }
.drawer__tool--share:hover { color: #DCFCE7; }