/* Shared top bar: the same mark, links, language toggle and WhatsApp action on every page. */
:root { --bar-h: 68px; --bar-gutter: clamp(1.25rem, 5vw, 5.5rem); }
.gbar, .gbar * { box-sizing: border-box; }
.gbar { font-family: "Anek Latin", system-ui, sans-serif; }
:lang(gu) .gbar { font-family: "Anek Gujarati", "Anek Latin", sans-serif; }
:lang(hi) .gbar { font-family: "Anek Devanagari", "Anek Latin", sans-serif; }
.gbar a:focus-visible { outline: 2px solid #1f3e9e; outline-offset: 3px; border-radius: 8px; }
.has-bar body { padding-top: calc(var(--bar-h) + env(safe-area-inset-top)); }
/* ------------------------------------------------------------------ bar -- */
.gbar { position: fixed; z-index: 60; inset: 0 0 auto 0; height: calc(var(--bar-h) + env(safe-area-inset-top));
  padding: env(safe-area-inset-top) max(var(--bar-gutter), env(safe-area-inset-right)) 0 max(var(--bar-gutter), env(safe-area-inset-left));
  display: flex; align-items: center; gap: 28px; background: color-mix(in oklab, #fff 84%, transparent);
  -webkit-backdrop-filter: saturate(1.4) blur(14px); backdrop-filter: saturate(1.4) blur(14px); box-shadow: 0 1px 0 color-mix(in oklab, #dedcd7 70%, transparent); }
.gbrand { display: flex; align-items: center; gap: 10px; text-decoration: none; font-weight: 600; font-size: 19px; letter-spacing: -0.01em; white-space: nowrap; margin-right: auto; color: #15171c; }
.gbrand svg { flex: none; }
.glinks { display: flex; gap: 26px; font-size: 15px; font-weight: 500; }
.glinks a { text-decoration: none; color: #5a5e68; transition: color 160ms cubic-bezier(0.23, 1, 0.32, 1); }
.glang { display: flex; padding: 3px; border-radius: 999px; background: #f3f3f1; }
.glang a { min-width: 40px; height: 32px; padding: 0 10px; display: grid; place-items: center; border-radius: 999px; font-size: 13px; font-weight: 600; text-decoration: none; color: #5a5e68; }
.glang a[aria-current] { background: #fff; color: #15171c; box-shadow: 0 1px 3px rgb(20 22 28 / 0.12); }
.lang-suggest { box-shadow: 0 0 0 2px #1f3e9e !important; }
@media (hover: hover) and (pointer: fine) { .glinks a:hover, .glang a:not([aria-current]):hover { color: #15171c; } }

.gbtn { display: inline-flex; align-items: center; gap: 10px; min-height: 50px; padding: 0 24px; border-radius: 999px; font-weight: 600; font-size: 16px;
  text-decoration: none; white-space: nowrap; cursor: pointer; transition: transform 160ms cubic-bezier(0.23, 1, 0.32, 1), background-color 200ms ease; }
.gbtn svg { flex: none; }
.gbtn--ink { background: #1f3e9e; color: #fff; }
.gbtn--line { color: #15171c; box-shadow: inset 0 0 0 1.5px #dedcd7; background: #fff; }
.gbtn:active { transform: scale(0.97); }
@media (hover: hover) and (pointer: fine) {
  .gbtn--ink:hover { background: #18337f; }
  .gbtn--line:hover { box-shadow: inset 0 0 0 1.5px #b9b6ae; }
}
.gbar__wa { min-height: 42px; padding: 0 18px; font-size: 15px; }
@media (max-width: 980px) { .glinks { display: none; } }
@media (max-width: 560px) { :root { --bar-h: 60px; } .gbar { gap: 10px; } .gbrand span { display: none; } .glang a { min-width: 36px; padding: 0 8px; } .gbar__wa { padding: 0 14px; } }
@media (max-width: 360px) { .gbar__wa span { display: none; } }