/* Shubh Bazaar - the site screens (module WEB): C01 home · C31 sign-in / onboarding · C32 account (also inside /account#bazaar) · C33 help + C33a article ·
   the editable public pages (/about /trust /terms /privacy /grievance /sponsored-policy /review-policy) and the V01 join-page extras.
   Loaded by pages/_site-common.js (BZ.site.ready). Tokens only (--bz-*), no hex, 4-px grid, 44 px targets, inputs >= 16 px (the kit's .bz-input already is).
   Device classes: phone <= 767 · tablet 768-1024 · desktop >= 1025; content max = --bz-content-max with the --bz-gutter on both sides (same box as .bz-page).
   Everything is scoped under .bz (the Bazaar roots), so the shared site header and the account page around C32 are never touched.
   The one motion moment of the site screens is the C01 toran (marigolds drop in once per session; never under reduced motion - the JS also skips it). */

/* ── 1 · PAGE HEADING (BZ.site.head) + SHARED BITS ───────────────────────────────────────────────────────── */
.bz .bz-site-head { margin: 0 0 var(--bz-s-6); max-width: 52rem; }
.bz .bz-site-head > .bz-h1 { margin: 0 0 var(--bz-s-3); }
.bz .bz-site-eyebrow { margin: 0 0 var(--bz-s-2); font-size: var(--bz-fs-caption); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--bz-gold-ink); }
.bz :lang(hi) .bz-site-eyebrow, .bz:lang(hi) .bz-site-eyebrow { letter-spacing: 0; text-transform: none; font-size: var(--bz-fs-small); }
.bz .bz-site-lead { margin: 0; max-width: 60ch; color: var(--bz-ink-2); }
.bz .bz-site-head .bz-breadcrumb, .bz .bz-doc > nav:first-child { margin-bottom: var(--bz-s-4); }
/* an image that is missing: a quiet tinted box with the category icon, same size as the photo would be */
.bz .bz-site-ph { display: grid; place-items: center; width: 100%; height: 100%; min-height: 6rem; background: var(--bz-gold-tint); color: var(--bz-gold-ink); }

/* long text written by staff (BZ.site.blocks: p · h · ul · ol, bold + links only) */
.bz .bz-prose { max-width: 68ch; overflow-wrap: break-word; }
.bz .bz-prose > :last-child { margin-bottom: 0; }
.bz .bz-prose p { margin: 0 0 var(--bz-s-4); line-height: 1.65; }
.bz .bz-prose h3 { margin: var(--bz-s-5) 0 var(--bz-s-2); font-family: var(--bz-font-body); font-size: var(--bz-fs-lead); font-weight: 600; line-height: 1.35; }   /* Cormorant only >= 24 px */
.bz .bz-prose :is(ul, ol) { margin: 0 0 var(--bz-s-4); padding-left: var(--bz-s-5); }
.bz .bz-prose ul { list-style: disc; }
.bz .bz-prose ol { list-style: decimal; }
.bz .bz-prose li { margin: 0 0 var(--bz-s-2); padding-left: var(--bz-s-1); line-height: 1.6; }
.bz .bz-prose li::marker { color: var(--bz-gold-ink); }
.bz .bz-prose strong { font-weight: 600; color: var(--bz-ink); }
.bz .bz-prose a { font-weight: 500; }

/* ── 2 · C01 HOME ─────────────────────────────────────────────────────────────────────────────────────── */
.bz .bz-home { width: 100%; overflow-x: clip; }                                        /* the rails bleed to the gutter; the page never scrolls sideways */
.bz .bz-home-wrap { width: 100%; max-width: calc(var(--bz-content-max) + 2 * var(--bz-gutter)); margin: 0 auto; padding: 0 var(--bz-gutter); }

/* hero: a warm gold wash under the toran, the promise, the three-part search card, the event-type chips */
.bz .bz-home-hero { position: relative; padding: 0 0 var(--bz-s-6); background: linear-gradient(180deg, var(--bz-gold-tint) 0%, var(--bz-paper) 100%); border-bottom: 1px solid var(--bz-line); }
.bz .bz-home-hero-in { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--bz-s-5); padding-top: var(--bz-s-3); }
@media (min-width: 768px) { .bz .bz-home-hero { padding-bottom: var(--bz-s-7); } .bz .bz-home-hero-in { gap: var(--bz-s-6); padding-top: var(--bz-s-4); } }

/* the toran: small, decorative, gold; aria-hidden in the markup. viewBox 1200×70 is stretched to the content width, so keep the natural ratio */
.bz .bz-home-toran { display: block; width: 100%; max-width: var(--bz-content-max); height: auto; aspect-ratio: 1200 / 70; min-height: 26px; max-height: 56px; margin: 0 auto; overflow: visible; pointer-events: none; }
.bz .bz-home-string { stroke: var(--bz-gold-ink); stroke-width: 1.5; stroke-opacity: .55; vector-effect: non-scaling-stroke; }
.bz .bz-home-leaf { fill: var(--bz-gold-ink); fill-opacity: .4; }
.bz .bz-home-f1 { fill: var(--bz-gold); }
.bz .bz-home-f2 { fill: var(--bz-star); }
.bz .bz-home-f3 { fill: var(--bz-primary); }
.bz .bz-home-hero.is-enter .bz-home-flower circle, .bz .bz-home-hero.is-enter .bz-home-leaf {
  animation: bz-home-drop 700ms var(--bz-ease) both; animation-delay: calc(var(--i, 0) * 45ms); }
.bz .bz-home-hero.is-enter .bz-home-string { animation: bz-home-fade 500ms var(--bz-ease) both; }
@keyframes bz-home-drop { from { opacity: 0; transform: translateY(-18px); } to { opacity: 1; transform: none; } }
@keyframes bz-home-fade { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .bz .bz-home-hero.is-enter :is(.bz-home-flower circle, .bz-home-leaf, .bz-home-string) { animation: none; } }
:root[data-bz-motion="reduce"] .bz .bz-home-hero.is-enter :is(.bz-home-flower circle, .bz-home-leaf, .bz-home-string) { animation: none; }

.bz .bz-home-copy { display: grid; gap: var(--bz-s-3); max-width: 46rem; }
.bz .bz-home-eyebrow { display: flex; flex-wrap: wrap; align-items: center; gap: var(--bz-s-2); margin: 0; font-size: var(--bz-fs-caption); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--bz-gold-ink); }
.bz :lang(hi) .bz-home-eyebrow, .bz:lang(hi) .bz-home-eyebrow { letter-spacing: 0; text-transform: none; font-size: var(--bz-fs-small); }
.bz .bz-home-title { margin: 0; font-size: var(--bz-fs-h1); max-width: 24ch; text-wrap: balance; }
.bz .bz-home-promise { margin: 0; font-size: var(--bz-fs-lead); line-height: 1.5; color: var(--bz-ink-2); max-width: 46ch; }

/* the search card: What · Where · When · Search - one column on phones, 2 + 1 on tablets, one row on desktop */
.bz .bz-home-search { display: grid; gap: var(--bz-s-3); grid-template-columns: minmax(0, 1fr); margin: 0; padding: var(--bz-s-4); background: var(--bz-paper-raised); border: 1px solid var(--bz-line); border-radius: var(--bz-r-sheet); }
.bz .bz-home-sf { min-width: 0; }
.bz .bz-home-sf .bz-field { gap: var(--bz-s-1); }
.bz .bz-home-sf-go { padding-top: var(--bz-s-1); }
@media (min-width: 768px) {
  .bz .bz-home-search { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--bz-s-4); padding: var(--bz-s-5); }
  .bz .bz-home-sf-what, .bz .bz-home-sf-go { grid-column: 1 / -1; }
}
@media (min-width: 1025px) {
  .bz .bz-home-search { grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) minmax(0, 1fr) auto; align-items: end; gap: var(--bz-s-3); padding: var(--bz-s-4) var(--bz-s-4) var(--bz-s-4) var(--bz-s-5); }
  .bz .bz-home-sf-what, .bz .bz-home-sf-go { grid-column: auto; }
  .bz .bz-home-sf-go { padding-top: 0; }
  .bz .bz-home-sf-go .bz-btn { min-height: 48px; width: auto; padding: 0 var(--bz-s-6); font-size: var(--bz-fs-body); }   /* sits level with the 48 px fields */
}

/* event-type chips (and the muhurat-month chips further down) */
.bz .bz-home-chipnav { min-width: 0; }
.bz .bz-home-chips { display: flex; flex-wrap: wrap; gap: var(--bz-s-2); margin: 0; padding: 0; list-style: none; }
.bz .bz-home-chips > li { display: flex; min-width: 0; }
.bz .bz-home-chip { display: inline-flex; align-items: center; gap: var(--bz-s-2); min-height: var(--bz-tap); max-width: 100%; padding: 0 var(--bz-s-4); border: 1px solid var(--bz-line-strong); border-radius: var(--bz-r-pill);
  background: var(--bz-paper-raised); color: var(--bz-ink); font: inherit; font-size: var(--bz-fs-small); font-weight: 500; text-decoration: none; white-space: nowrap; cursor: pointer;
  transition: border-color var(--bz-dur-1) var(--bz-ease), background-color var(--bz-dur-1) var(--bz-ease), color var(--bz-dur-1) var(--bz-ease); }
.bz .bz-home-chip > span { overflow: hidden; text-overflow: ellipsis; }
.bz .bz-home-chip .bz-icon, .bz .bz-home-chip svg { flex: none; color: var(--bz-gold-ink); }
.bz a.bz-home-chip:hover, .bz .bz-home-chip:hover { border-color: var(--bz-primary); color: var(--bz-primary); }
.bz .bz-home-chip.is-on { background: var(--bz-primary-tint); border-color: var(--bz-primary); color: var(--bz-primary); font-weight: 600; }
.bz .bz-home-chip.is-on svg { color: var(--bz-primary); }
.bz .bz-home-chip.is-more { border-style: dashed; background: transparent; }
.bz .bz-home-chips.is-light .bz-home-chip { background: var(--bz-paper-sunken); border-color: var(--bz-line); }
.bz .bz-home-chips.is-light .bz-home-chip:hover { border-color: var(--bz-primary); }
/* phones: the event chips are ONE swipeable row that bleeds to the screen edge (inside the gutter, never the page) */
@media (max-width: 767px) {
  .bz .bz-home-hero .bz-home-chips { flex-wrap: nowrap; overflow-x: auto; margin: 0 calc(-1 * var(--bz-gutter)); padding: var(--bz-s-1) var(--bz-gutter); scroll-padding-inline: var(--bz-gutter);
    scrollbar-width: none; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; }
  .bz .bz-home-hero .bz-home-chips::-webkit-scrollbar { display: none; }
  .bz .bz-home-hero .bz-home-chips > li { flex: none; }
}

/* body: the sections ride the normal .bz-page box */
.bz .bz-home-body { padding-top: var(--bz-s-6); }
@media (min-width: 1025px) { .bz .bz-home-body { padding-top: var(--bz-s-7); } }
.bz .bz-home-sec { min-width: 0; }
.bz .bz-home-sec > .bz-section-head > .bz-h2, .bz .bz-home-sec > .bz-h2 { margin: 0; }
.bz .bz-home-sec > .bz-h2 { margin-bottom: var(--bz-s-4); }
@media (max-width: 767px) { .bz .bz-home-body .bz-section { margin-bottom: var(--bz-s-6); } .bz .bz-home-body .bz-h2 { font-size: calc(1.625rem * var(--bz-scale)); } }

/* signed in: the event card (greeting · event · countdown · ring · next task) */
.bz .bz-home-me { margin: 0 0 var(--bz-s-6); }
.bz .bz-home-me-card { display: grid; gap: var(--bz-s-4); grid-template-columns: minmax(0, 1fr) auto; align-items: center; padding: var(--bz-s-4); background: var(--bz-paper-raised);
  border: 1px solid var(--bz-line); border-left: 4px solid var(--bz-gold); border-radius: var(--bz-r-card); }
.bz .bz-home-me-next { grid-column: 1 / -1; }
.bz .bz-home-me-card.is-empty { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 768px) { .bz .bz-home-me-card { padding: var(--bz-s-5); } .bz .bz-home-me-card.is-empty { grid-template-columns: minmax(0, 1fr) auto; } }
@media (min-width: 1025px) {
  .bz .bz-home-me-card { grid-template-columns: minmax(0, 1.3fr) auto minmax(0, 1fr); gap: var(--bz-s-6); }
  .bz .bz-home-me-next { grid-column: auto; }
}
.bz .bz-home-me-main { display: grid; gap: var(--bz-s-2); min-width: 0; }
.bz .bz-home-me-main > * { margin: 0; }
.bz .bz-home-greet { margin: 0; font-size: var(--bz-fs-small); font-weight: 600; color: var(--bz-gold-ink); }
.bz .bz-home-me-title { margin: 0; font-size: var(--bz-fs-h3); overflow-wrap: anywhere; }
.bz .bz-home-me-title a { color: var(--bz-ink); text-decoration: none; }
.bz .bz-home-me-title a:hover { color: var(--bz-primary); text-decoration: underline; }
.bz .bz-home-me-meta { display: flex; flex-wrap: wrap; gap: var(--bz-s-1) var(--bz-s-4); margin: 0; font-size: var(--bz-fs-small); color: var(--bz-ink-2); }
.bz .bz-home-me-meta > span { display: inline-flex; align-items: center; gap: var(--bz-s-1); }
.bz .bz-home-countdown { justify-self: start; display: inline-flex; align-items: center; min-height: 32px; margin: 0; padding: 0 var(--bz-s-3); border-radius: var(--bz-r-pill); background: var(--bz-gold-tint); color: var(--bz-ink); font-weight: 600; }
.bz .bz-home-me-ring { justify-self: end; }
@media (min-width: 1025px) { .bz .bz-home-me-ring { justify-self: center; } }
.bz .bz-home-me-next { display: grid; gap: var(--bz-s-2); align-content: start; min-width: 0; }
.bz .bz-home-me-next > p { margin: 0; }
.bz .bz-home-me-next > .bz-btn { justify-self: start; }
.bz .bz-home-task { display: flex; align-items: center; gap: var(--bz-s-3); min-height: var(--bz-tap); padding: var(--bz-s-2) var(--bz-s-3); border: 1px solid var(--bz-line); border-radius: var(--bz-r-input);
  background: var(--bz-paper-sunken); color: var(--bz-ink); text-decoration: none; }
.bz .bz-home-task:hover { border-color: var(--bz-primary); color: var(--bz-ink); }
.bz .bz-home-task > svg:first-child { flex: none; color: var(--bz-gold-ink); }
.bz .bz-home-task > svg:last-child { flex: none; margin-left: auto; color: var(--bz-ink-2); }
.bz .bz-home-task > span { display: grid; min-width: 0; }
.bz .bz-home-task b { font-weight: 600; overflow-wrap: anywhere; }
.bz .bz-home-task small { font-size: var(--bz-fs-small); color: var(--bz-ink-2); }
.bz .bz-home-task.is-late { background: var(--bz-error-tint); border-color: var(--bz-error); }
.bz .bz-home-task.is-late > svg:first-child, .bz .bz-home-task.is-late small { color: var(--bz-error); }

/* category tiles: 2 columns on phones → 6 on a wide desktop */
.bz .bz-home-tiles { display: grid; gap: var(--bz-s-3); grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; }
@media (min-width: 600px) { .bz .bz-home-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 900px) { .bz .bz-home-tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--bz-s-4); } }
@media (min-width: 1200px) { .bz .bz-home-tiles { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.bz .bz-home-tiles > li { display: flex; min-width: 0; }
.bz .bz-home-tile { display: flex; flex-direction: column; width: 100%; overflow: hidden; background: var(--bz-paper-raised); border: 1px solid var(--bz-line); border-radius: var(--bz-r-card);
  color: var(--bz-ink); text-decoration: none; transition: border-color var(--bz-dur-2) var(--bz-ease); }
.bz .bz-home-tile:hover { border-color: var(--bz-primary); color: var(--bz-ink); }
.bz .bz-home-tile-img { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--bz-paper-sunken); }
.bz .bz-home-tile-img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform var(--bz-dur-3) var(--bz-ease); }
@media (hover: hover) { .bz .bz-home-tile:hover .bz-home-tile-img img { transform: scale(1.04); } }
.bz .bz-home-tile-name { display: block; padding: var(--bz-s-3) var(--bz-s-3) 0; font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; }
.bz .bz-home-tile-n { display: block; padding: var(--bz-s-1) var(--bz-s-3) var(--bz-s-3); font-size: var(--bz-fs-small); color: var(--bz-ink-2); font-variant-numeric: tabular-nums lining-nums; overflow-wrap: anywhere; }

/* rails: a swipeable row of the kit's vendor cards - ~1.2 cards on phones (the next one peeks), 2.3 on tablets, 4 on desktop */
.bz .bz-home-rail { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(15rem, 80%); gap: var(--bz-s-3); align-items: stretch;
  margin: 0 calc(-1 * var(--bz-gutter)); padding: var(--bz-s-1) var(--bz-gutter) var(--bz-s-3); scroll-padding-inline: var(--bz-gutter);
  overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: var(--bz-line-strong) transparent; }
.bz .bz-home-rail:focus-visible { outline: 3px solid var(--bz-focus); outline-offset: -3px; border-radius: var(--bz-r-card); }
@media (min-width: 768px) { .bz .bz-home-rail { grid-auto-columns: calc((100% - 2 * var(--bz-s-4)) / 2.3); gap: var(--bz-s-4); } }
@media (min-width: 1025px) { .bz .bz-home-rail { margin: 0; padding: var(--bz-s-1) 0 var(--bz-s-3); scroll-padding-inline: 0; grid-auto-columns: calc((100% - 3 * var(--bz-s-4)) / 4); } }
.bz .bz-home-rail-item { display: flex; min-width: 0; scroll-snap-align: start; }
.bz .bz-home-rail-item > * { flex: 1 1 auto; min-width: 0; }
.bz .bz-home-rail-empty { margin: 0; padding: var(--bz-s-4); border: 1px dashed var(--bz-line-strong); border-radius: var(--bz-r-card); background: var(--bz-paper-sunken); }
/* a rail that needs a date / budget asks for it instead */
.bz .bz-home-ask { margin: 0; padding: var(--bz-s-4); background: var(--bz-paper-sunken); border: 1px dashed var(--bz-line-strong); border-radius: var(--bz-r-card); }
.bz .bz-home-ask > p { margin: 0 0 var(--bz-s-3); }
.bz .bz-home-ask .bz-row { align-items: flex-end; gap: var(--bz-s-3); }
.bz .bz-home-ask .bz-field { flex: 1 1 15rem; max-width: 24rem; }
@media (max-width: 767px) { .bz .bz-home-ask .bz-field { max-width: none; } .bz .bz-home-ask .bz-row > .bz-btn { flex: 1 1 100%; } }

/* "Plan my event" banner: the one dark surface of the page (espresso + gold, like the brand header) */
.bz .bz-home-plan-in { display: grid; gap: var(--bz-s-4); align-items: center; padding: var(--bz-s-5); border-radius: var(--bz-r-sheet);
  background: var(--bz-deep); color: var(--bz-on-deep); box-shadow: inset 0 0 0 1px var(--bz-gold); }
.bz .bz-home-plan-in :is(h2, .bz-h2) { margin: 0 0 var(--bz-s-2); color: var(--bz-on-deep); }
.bz .bz-home-plan-in p { margin: 0; max-width: 56ch; color: var(--bz-on-deep); }
.bz .bz-home-plan-in .bz-btn { justify-self: start; }
@media (max-width: 767px) { .bz .bz-home-plan-in .bz-btn { justify-self: stretch; } }
@media (min-width: 768px) { .bz .bz-home-plan-in { grid-template-columns: minmax(0, 1fr) auto; gap: var(--bz-s-6); padding: var(--bz-s-6); } }

/* editorial cards: collections + real weddings - a swipe row on phones, a grid from tablets */
.bz .bz-home-cards { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(15rem, 80%); gap: var(--bz-s-3); margin: 0 calc(-1 * var(--bz-gutter)); padding: var(--bz-s-1) var(--bz-gutter) var(--bz-s-3);
  scroll-padding-inline: var(--bz-gutter); list-style: none; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: var(--bz-line-strong) transparent; }
.bz .bz-home-cards > li { display: flex; min-width: 0; scroll-snap-align: start; }
@media (min-width: 768px) { .bz .bz-home-cards { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--bz-s-4); margin: 0; padding: 0; overflow: visible; } }
@media (min-width: 1025px) { .bz .bz-home-cards { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.bz .bz-home-card { display: flex; flex-direction: column; width: 100%; overflow: hidden; background: var(--bz-paper-raised); border: 1px solid var(--bz-line); border-radius: var(--bz-r-card); color: var(--bz-ink); text-decoration: none;
  transition: border-color var(--bz-dur-2) var(--bz-ease); }
.bz .bz-home-card:hover { border-color: var(--bz-primary); color: var(--bz-ink); }
.bz .bz-home-card-img { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--bz-paper-sunken); }
.bz .bz-home-cards.is-stories .bz-home-card-img { aspect-ratio: 3 / 2; }
.bz .bz-home-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform var(--bz-dur-3) var(--bz-ease); }
@media (hover: hover) { .bz .bz-home-card:hover .bz-home-card-img img { transform: scale(1.04); } }
.bz .bz-home-card-body { display: grid; gap: var(--bz-s-1); align-content: start; flex: 1 1 auto; padding: var(--bz-s-3) var(--bz-s-4) var(--bz-s-4); }
.bz .bz-home-card-body b { font-weight: 600; line-height: 1.35; overflow-wrap: anywhere; }
.bz .bz-home-card-body small { font-size: var(--bz-fs-small); color: var(--bz-ink-2); line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.bz .bz-home-card-meta { justify-self: start; margin-top: var(--bz-s-1); padding: 2px var(--bz-s-2); border-radius: var(--bz-r-pill); background: var(--bz-gold-tint); color: var(--bz-ink); font-size: var(--bz-fs-small); font-weight: 500; }

/* price guides + muhurat months: two columns on desktop */
.bz .bz-home-guides { display: grid; gap: var(--bz-s-6); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 1025px) { .bz .bz-home-guides { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--bz-s-7); } }
.bz .bz-home-guide-col { min-width: 0; }
.bz .bz-home-guide-col > p { max-width: 52ch; }
.bz .bz-home-pglist { margin: 0; padding: 0 var(--bz-s-4); list-style: none; background: var(--bz-paper-raised); border: 1px solid var(--bz-line); border-radius: var(--bz-r-card); }
.bz .bz-home-pglist > li + li { border-top: 1px solid var(--bz-line); }
.bz .bz-home-pglist a { display: flex; align-items: center; justify-content: space-between; gap: var(--bz-s-4); min-height: 56px; padding: var(--bz-s-3) 0; color: var(--bz-ink); text-decoration: none; }
.bz .bz-home-pglist a:hover .bz-home-pg-name { color: var(--bz-primary); text-decoration: underline; }
.bz .bz-home-pg-name { display: grid; min-width: 0; font-weight: 500; line-height: 1.35; }
.bz .bz-home-pg-name small, .bz .bz-home-pg-val small { font-size: var(--bz-fs-small); font-weight: 400; color: var(--bz-ink-2); }
.bz .bz-home-pg-val { display: grid; justify-items: end; flex: none; text-align: right; }
.bz .bz-home-pg-val b { font-family: var(--bz-font-data); font-size: var(--bz-fs-lead); font-weight: 600; }

/* trust band: three promises, icon in a gold circle */
.bz .bz-home-trust { padding: var(--bz-s-5); background: var(--bz-paper-sunken); border: 1px solid var(--bz-line); border-radius: var(--bz-r-sheet); }
.bz .bz-home-trust-list { display: grid; gap: var(--bz-s-4); grid-template-columns: minmax(0, 1fr); margin: 0; padding: 0; list-style: none; }
@media (min-width: 768px) { .bz .bz-home-trust { padding: var(--bz-s-6); } .bz .bz-home-trust-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--bz-s-5); } }
.bz .bz-home-trust-item { display: flex; align-items: flex-start; gap: var(--bz-s-3); min-width: 0; }
.bz .bz-home-trust-item > svg { flex: none; box-sizing: content-box; padding: var(--bz-s-2); border-radius: 50%; background: var(--bz-gold-tint); color: var(--bz-gold-ink); }
.bz .bz-home-trust-item > span { display: grid; gap: 2px; min-width: 0; padding-top: var(--bz-s-1); }
.bz .bz-home-trust-item b { font-weight: 600; line-height: 1.35; }
.bz .bz-home-trust-item small { font-size: var(--bz-fs-small); color: var(--bz-ink-2); line-height: 1.45; }
.bz .bz-home-trust-more { margin: var(--bz-s-4) 0 0; }

/* also on Shubh Muhrat (Invite Studio · The Wedding Book) */
.bz .bz-home-promos { display: grid; gap: var(--bz-s-4); grid-template-columns: minmax(0, 1fr); margin: 0; padding: 0; list-style: none; }
@media (min-width: 768px) { .bz .bz-home-promos { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.bz .bz-home-promo { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--bz-s-3) var(--bz-s-4); align-items: start; padding: var(--bz-s-5); background: var(--bz-paper-raised); border: 1px solid var(--bz-line); border-radius: var(--bz-r-card); }
.bz .bz-home-promo h3 { margin: 0 0 var(--bz-s-1); }
.bz .bz-home-promo p { margin: 0; }
.bz .bz-home-promo > .bz-btn { grid-column: 2; justify-self: start; }
@media (max-width: 767px) { .bz .bz-home-promo > .bz-btn { grid-column: 1 / -1; justify-self: stretch; } }
.bz .bz-home-promo-ic { display: grid; place-items: center; width: 52px; height: 52px; border-radius: var(--bz-r-btn); background: var(--bz-gold-tint); color: var(--bz-gold-ink); }

/* "List your business free" */
.bz .bz-home-vendor { margin-bottom: 0; }
.bz .bz-home-vendor-in { display: grid; gap: var(--bz-s-3) var(--bz-s-5); grid-template-columns: minmax(0, 1fr); align-items: center; padding: var(--bz-s-5); border: 1px solid var(--bz-line); border-radius: var(--bz-r-sheet); background: var(--bz-primary-tint); }
.bz .bz-home-vendor-in > svg { color: var(--bz-primary); }
.bz .bz-home-vendor-in :is(h2, .bz-h3) { margin: 0 0 var(--bz-s-1); }
.bz .bz-home-vendor-in p { margin: 0; max-width: 60ch; }
.bz .bz-home-vendor-in > .bz-btn { justify-self: start; }
@media (max-width: 767px) { .bz .bz-home-vendor-in > .bz-btn { justify-self: stretch; } }
@media (min-width: 768px) { .bz .bz-home-vendor-in { grid-template-columns: auto minmax(0, 1fr) auto; padding: var(--bz-s-6); } }

/* the server-rendered first paint of C01 / C33 (kept on screen if GET /home fails): a usable search row */
.bz-page[data-ssr] .bz-search { display: flex; flex-wrap: wrap; gap: var(--bz-s-2); max-width: 40rem; margin: var(--bz-s-4) 0 var(--bz-s-5); }
.bz-page[data-ssr] .bz-search input { flex: 1 1 14rem; min-width: 0; min-height: 48px; padding: var(--bz-s-3) var(--bz-s-4); border: 1px solid var(--bz-line-strong); border-radius: var(--bz-r-input);
  background: var(--bz-paper-raised); color: var(--bz-ink); font: inherit; font-size: max(16px, var(--bz-fs-body)); }
.bz-page[data-ssr] .bz-search input:focus-visible { outline: 3px solid var(--bz-focus); outline-offset: 0; border-color: var(--bz-primary); }

/* ── 3 · CONTENT PAGES (/about /trust /terms /privacy /grievance /sponsored-policy /review-policy) ─────────── */
.bz .bz-doc-body { display: grid; gap: var(--bz-s-5); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 1025px) { .bz .bz-doc-body.has-toc { grid-template-columns: 15rem minmax(0, 1fr); gap: var(--bz-s-7); align-items: start; } }
.bz .bz-doc-main { min-width: 0; max-width: 72ch; }
.bz .bz-doc-aside { min-width: 0; }
@media (min-width: 1025px) { .bz .bz-doc-aside { position: sticky; top: calc(var(--bz-header-h) + var(--bz-s-5)); } }
.bz .bz-doc-toc { padding: var(--bz-s-4); background: var(--bz-paper-sunken); border: 1px solid var(--bz-line); border-radius: var(--bz-r-card); }
.bz .bz-doc-toc > .bz-label { display: block; margin: 0 0 var(--bz-s-2); font-size: var(--bz-fs-caption); letter-spacing: .08em; text-transform: uppercase; color: var(--bz-gold-ink); }
.bz :lang(hi) .bz-doc-toc > .bz-label, .bz:lang(hi) .bz-doc-toc > .bz-label { letter-spacing: 0; text-transform: none; font-size: var(--bz-fs-small); }
.bz .bz-doc-toc ol { margin: 0; padding: 0; list-style: none; }
.bz .bz-doc-toc a { display: flex; align-items: center; min-height: var(--bz-tap); padding: var(--bz-s-1) var(--bz-s-3); border-left: 2px solid var(--bz-line); color: var(--bz-ink); text-decoration: none; line-height: 1.35;
  transition: border-color var(--bz-dur-1) var(--bz-ease), color var(--bz-dur-1) var(--bz-ease); }   /* headings carry their own numbers ("1. Who we are"): no counter here */
.bz .bz-doc-toc a:hover { border-left-color: var(--bz-gold); background: var(--bz-hover); color: var(--bz-primary); }
@media (min-width: 1025px) and (hover: hover) and (pointer: fine) { .bz .bz-doc-toc a { min-height: 36px; font-size: var(--bz-fs-small); } }
@media (min-width: 768px) and (max-width: 1024px) { .bz .bz-doc-toc ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--bz-s-4); } }
.bz .bz-doc-intro { margin: 0 0 var(--bz-s-5); }
.bz .bz-doc-intro p { font-size: var(--bz-fs-lead); line-height: 1.6; }
.bz .bz-doc-sec { margin: 0; padding: var(--bz-s-5) 0 var(--bz-s-2); border-top: 1px solid var(--bz-line); scroll-margin-top: calc(var(--bz-header-h) + var(--bz-s-4)); }
.bz .bz-doc-sec:first-child { border-top: 0; padding-top: 0; }
.bz .bz-doc-intro + .bz-doc-sec { border-top: 1px solid var(--bz-line); padding-top: var(--bz-s-5); }
.bz .bz-doc-sec > h2 { margin: 0 0 var(--bz-s-3); }
.bz .bz-doc-updated { margin: var(--bz-s-5) 0 0; padding-top: var(--bz-s-4); border-top: 1px solid var(--bz-line); }
.bz .bz-doc-rel { margin-top: var(--bz-s-5); }
.bz .bz-doc-rel > .bz-label { display: block; margin: 0 0 var(--bz-s-2); }
.bz .bz-doc-rel ul { gap: var(--bz-s-2); }
.bz .bz-doc-rel a.bz-link { display: inline-flex; align-items: center; min-height: var(--bz-tap); padding: 0 var(--bz-s-4); border: 1px solid var(--bz-line-strong); border-radius: var(--bz-r-pill);
  background: var(--bz-paper-raised); color: var(--bz-ink); font-weight: 500; text-decoration: none; }
.bz .bz-doc-rel a.bz-link:hover { border-color: var(--bz-primary); color: var(--bz-primary); }

/* ── 4 · C33 HELP CENTRE + C33a ARTICLE ─────────────────────────────────────────────────────────────────── */
.bz .bz-help-hero { display: grid; gap: var(--bz-s-3); justify-items: start; margin: 0 0 var(--bz-s-7); padding: var(--bz-s-5); border: 1px solid var(--bz-line); border-radius: var(--bz-r-sheet);
  background: linear-gradient(160deg, var(--bz-gold-tint) 0%, var(--bz-paper-raised) 75%); }
@media (min-width: 768px) { .bz .bz-help-hero { padding: var(--bz-s-6) var(--bz-s-7); } }
.bz .bz-help-hero > * { margin: 0; }
.bz .bz-help-hero > .bz-site-eyebrow { margin: 0; }
.bz .bz-help-search { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: var(--bz-s-2); width: 100%; max-width: 44rem; margin: var(--bz-s-2) 0 0; }
.bz .bz-help-search > .bz-field { min-width: 0; }
.bz .bz-help-search > .bz-btn { min-height: 48px; }
@media (max-width: 767px) { .bz .bz-help-search > .bz-btn { padding: 0 var(--bz-s-4); } }
@media (max-width: 359px) { .bz .bz-help-search { grid-template-columns: minmax(0, 1fr); } }

.bz .bz-help-list { margin: 0; padding: 0; list-style: none; background: var(--bz-paper-raised); border: 1px solid var(--bz-line); border-radius: var(--bz-r-card); overflow: hidden; }
.bz .bz-help-list > li + li { border-top: 1px solid var(--bz-line); }
.bz .bz-help-art { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--bz-s-3); min-height: 56px; padding: var(--bz-s-3) var(--bz-s-4);
  color: var(--bz-ink); text-decoration: none; transition: background-color var(--bz-dur-1) var(--bz-ease); }
.bz .bz-help-art:hover { background: var(--bz-hover); color: var(--bz-ink); }
.bz .bz-help-art:hover b { color: var(--bz-primary); text-decoration: underline; text-underline-offset: .2em; }
.bz .bz-help-art > svg:first-child { color: var(--bz-gold-ink); }
.bz .bz-help-art > svg:last-child { color: var(--bz-ink-2); }
.bz .bz-help-art > span { display: grid; gap: 2px; min-width: 0; }
.bz .bz-help-art b { font-weight: 600; line-height: 1.35; overflow-wrap: anywhere; }
.bz .bz-help-art small { font-size: var(--bz-fs-small); color: var(--bz-ink-2); line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.bz .bz-help-list.is-compact .bz-help-art { min-height: var(--bz-tap); padding: var(--bz-s-2) 0; gap: var(--bz-s-2); }
.bz .bz-help-list.is-compact .bz-help-art small { -webkit-line-clamp: 1; }

.bz .bz-help-cats { display: grid; gap: var(--bz-s-4); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 768px) { .bz .bz-help-cats { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1280px) { .bz .bz-help-cats { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.bz .bz-help-cat { min-width: 0; padding: var(--bz-s-4) var(--bz-s-4) var(--bz-s-2); background: var(--bz-paper-raised); border: 1px solid var(--bz-line); border-radius: var(--bz-r-card); scroll-margin-top: calc(var(--bz-header-h) + var(--bz-s-4)); }
.bz .bz-help-cat > h3 { display: flex; align-items: center; gap: var(--bz-s-2); margin: 0 0 var(--bz-s-2); }
.bz .bz-help-cat > h3 > svg { flex: none; color: var(--bz-gold-ink); }
.bz .bz-help-cat > h3 > span { min-width: 0; }
.bz .bz-help-cat > h3 > small { margin-left: auto; display: inline-grid; place-items: center; min-width: 28px; height: 24px; padding: 0 var(--bz-s-2); border-radius: var(--bz-r-pill); background: var(--bz-paper-sunken); font-size: var(--bz-fs-small); font-weight: 600; }
.bz .bz-help-cat .bz-help-list { background: none; border: 0; border-radius: 0; }

.bz .bz-help-ways { display: grid; gap: var(--bz-s-4); grid-template-columns: minmax(0, 1fr); margin: 0; padding: 0; list-style: none; }
@media (min-width: 768px) { .bz .bz-help-ways { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1200px) { .bz .bz-help-ways { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.bz .bz-help-way { display: flex; flex-direction: column; gap: var(--bz-s-3); min-width: 0; padding: var(--bz-s-5); background: var(--bz-paper-raised); border: 1px solid var(--bz-line); border-radius: var(--bz-r-card); }
.bz .bz-help-way h3 { margin: 0 0 var(--bz-s-1); }
.bz .bz-help-way p { margin: 0 0 var(--bz-s-1); }
.bz .bz-help-way > div { flex: 1 1 auto; }
.bz .bz-help-way > .bz-btn, .bz .bz-help-way > a.bz-btn { align-self: stretch; }
.bz .bz-help-way-ic { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: var(--bz-gold-tint); color: var(--bz-gold-ink); }
.bz .bz-help-grv { margin: var(--bz-s-4) 0 0; }
@media (max-width: 767px) {                                                             /* phones: icon beside the text, the action full width - a quarter of the height */
  .bz .bz-help-way { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: var(--bz-s-3); padding: var(--bz-s-4); }
  .bz .bz-help-way > .bz-btn, .bz .bz-help-way > a.bz-btn { grid-column: 1 / -1; }
  .bz .bz-help-way-ic { width: 40px; height: 40px; }
  .bz .bz-help-hero { padding: var(--bz-s-5) var(--bz-s-4); }
}

/* the article */
.bz .bz-help-article .bz-doc-main { max-width: 72ch; }
.bz .bz-help-body { margin: 0 0 var(--bz-s-5); }
.bz .bz-help-vote { margin: var(--bz-s-6) 0; padding: var(--bz-s-4) var(--bz-s-5); background: var(--bz-paper-sunken); border: 1px solid var(--bz-line); border-radius: var(--bz-r-card); }
.bz .bz-help-vote h2 { margin: 0 0 var(--bz-s-3); }
.bz .bz-help-vote-done { display: flex; align-items: center; gap: var(--bz-s-2); margin: 0; color: var(--bz-success); font-weight: 600; }
.bz .bz-help-still { margin: var(--bz-s-6) 0 0; padding: var(--bz-s-5); background: var(--bz-paper-raised); border: 1px solid var(--bz-line); border-left: 4px solid var(--bz-gold); border-radius: var(--bz-r-card); }
.bz .bz-help-still h2 { margin: 0 0 var(--bz-s-1); }
@media (max-width: 767px) { .bz .bz-help-still .bz-row > .bz-btn, .bz .bz-help-vote .bz-row > .bz-btn { flex: 1 1 auto; } }

/* ── 5 · C32 ACCOUNT (the Bazaar part of /account; also a Bazaar route) ───────────────────────────────── */
.bz .bz-acct { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--bz-s-5); min-width: 0; }
.bz .bz-acct-nav { min-width: 0; }
.bz .bz-acct-head { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--bz-s-3); }
.bz .bz-acct-head > div > * { margin: 0 0 var(--bz-s-1); }
.bz .bz-acct-head .bz-h3 { margin-bottom: var(--bz-s-2); }
/* section jump links: a wrapping row of pills (a swipe row on phones) */
.bz .bz-acct-nav ul { display: flex; flex-wrap: wrap; gap: var(--bz-s-2); margin: 0; padding: 0; list-style: none; }
.bz .bz-acct-nav a { display: inline-flex; align-items: center; gap: var(--bz-s-2); min-height: var(--bz-tap); padding: 0 var(--bz-s-4); border: 1px solid var(--bz-line-strong); border-radius: var(--bz-r-pill);
  background: var(--bz-paper-raised); color: var(--bz-ink); font-size: var(--bz-fs-small); font-weight: 500; text-decoration: none; white-space: nowrap; }
.bz .bz-acct-nav a svg { color: var(--bz-gold-ink); flex: none; }
.bz .bz-acct-nav a:hover { border-color: var(--bz-primary); color: var(--bz-primary); }
@media (max-width: 767px) {
  .bz .bz-acct-nav ul { flex-wrap: nowrap; overflow-x: auto; padding: var(--bz-s-1) 0; scrollbar-width: none; overscroll-behavior-x: contain; }
  .bz .bz-acct-nav ul::-webkit-scrollbar { display: none; }
  .bz .bz-acct-nav li { flex: none; }
}
.bz .bz-acct-secs { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--bz-s-4); }
.bz .bz-acct-sec { min-width: 0; padding: var(--bz-s-4); background: var(--bz-paper-raised); border: 1px solid var(--bz-line); border-radius: var(--bz-r-card); scroll-margin-top: calc(var(--bz-header-h) + var(--bz-s-4)); }
@media (min-width: 768px) { .bz .bz-acct-sec { padding: var(--bz-s-5); } }
.bz .bz-acct-sec-head { display: flex; align-items: flex-start; gap: var(--bz-s-3); margin: 0 0 var(--bz-s-4); }
.bz .bz-acct-sec-head > svg { flex: none; box-sizing: content-box; padding: var(--bz-s-2); border-radius: var(--bz-r-btn); background: var(--bz-gold-tint); color: var(--bz-gold-ink); }
.bz .bz-acct-sec-head > div { flex: 1 1 auto; min-width: 0; }
.bz .bz-acct-sec-head h3 { margin: 0 0 2px; }
.bz .bz-acct-sec-head p { margin: 0; }
.bz .bz-acct-sec-body { min-width: 0; }
.bz .bz-acct-sec-body p { margin: 0; }
.bz .bz-acct-form { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--bz-s-4); }
.bz .bz-acct-form .bz-row.bz-top { align-items: flex-end; }
.bz .bz-acct-form .bz-row.bz-top > .bz-field { flex: 1 1 12rem; max-width: 24rem; }
.bz .bz-acct-grid { display: grid; gap: var(--bz-s-3) var(--bz-s-4); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 600px) { .bz .bz-acct-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.bz .bz-acct-facts { display: grid; gap: var(--bz-s-3); grid-template-columns: repeat(auto-fit, minmax(min(100%, 7rem), 1fr)); margin: 0; }
.bz .bz-acct-facts > div { min-width: 0; padding: var(--bz-s-3); background: var(--bz-paper-sunken); border-radius: var(--bz-r-input); }
.bz .bz-acct-facts dt { margin: 0 0 2px; font-size: var(--bz-fs-small); color: var(--bz-ink-2); }
.bz .bz-acct-facts dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
.bz .bz-acct-ok { display: inline-flex; align-items: center; gap: var(--bz-s-1); margin-left: var(--bz-s-1); color: var(--bz-success); font-size: var(--bz-fs-small); font-weight: 600; }
.bz .bz-acct-groups { margin: 0; padding: 0; list-style: none; border: 1px solid var(--bz-line); border-radius: var(--bz-r-card); }
.bz .bz-acct-group { display: grid; gap: var(--bz-s-2); padding: var(--bz-s-3) var(--bz-s-4); }
.bz .bz-acct-group + .bz-acct-group { border-top: 1px solid var(--bz-line); }
@media (min-width: 768px) { .bz .bz-acct-group { grid-template-columns: minmax(10rem, 1fr) minmax(0, 2fr); align-items: center; gap: var(--bz-s-4); } }
.bz .bz-acct-group-name { display: grid; gap: 2px; min-width: 0; }
.bz .bz-acct-group-name small { font-size: var(--bz-fs-small); }
.bz .bz-acct-quiet { display: grid; gap: var(--bz-s-2); padding: var(--bz-s-4); background: var(--bz-paper-sunken); border-radius: var(--bz-r-card); }
.bz .bz-acct-quiet > p { margin: 0; }
.bz .bz-acct-consents { display: grid; gap: var(--bz-s-1); margin: 0; padding: 0; list-style: none; }
.bz .bz-acct-consents > li { padding: var(--bz-s-2) 0; }
.bz .bz-acct-consents > li + li { border-top: 1px solid var(--bz-line); }
.bz .bz-acct-hist { display: grid; margin: 0; padding: 0; list-style: none; font-size: var(--bz-fs-small); }
.bz .bz-acct-hist > li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--bz-s-1) var(--bz-s-3); padding: var(--bz-s-2) 0; }
.bz .bz-acct-hist > li + li { border-top: 1px solid var(--bz-line); }
.bz .bz-acct-ref { display: grid; gap: var(--bz-s-2); justify-items: start; padding: var(--bz-s-4); border: 1px dashed var(--bz-gold); border-radius: var(--bz-r-card); background: var(--bz-gold-tint); }
.bz .bz-acct-ref > p { margin: 0; }
.bz .bz-acct-ref-code { font-family: var(--bz-font-data); font-size: var(--bz-fs-h3); font-weight: 700; letter-spacing: .12em; color: var(--bz-ink); }
.bz .bz-acct-blockers { display: grid; gap: var(--bz-s-1); margin: var(--bz-s-2) 0 0; padding-left: var(--bz-s-5); list-style: disc; }
@media (max-width: 767px) { .bz .bz-acct-sec-body .bz-row.bz-between > .bz-btn { flex: 1 1 100%; } }

/* ── 6 · C31 ONBOARDING · V01 EXTRAS ────────────────────────────────────────────────────────────────── */
.bz .bz-onb-form { gap: var(--bz-s-5); }
.bz .bz-onb-consents { display: grid; gap: var(--bz-s-3); min-width: 0; margin: 0; padding: var(--bz-s-4); border: 1px solid var(--bz-line); border-radius: var(--bz-r-card); background: var(--bz-paper-sunken); }
.bz .bz-onb-consents > legend { padding: 0 var(--bz-s-1); }
.bz .bz-onb-consents > p { margin: 0; }
.bz .bz-v01-claimlink { min-height: var(--bz-tap); }
.bz .bz-v01-plan { min-width: 0; }

/* ── 7 · PRINT ──────────────────────────────────────────────────────────────────────────────────────────── */
@media print {
  .bz .bz-home-toran, .bz .bz-doc-aside, .bz .bz-help-vote, .bz .bz-help-still, .bz .bz-acct-nav { display: none !important; }
  .bz .bz-home-hero, .bz .bz-help-hero { background: none; }
  .bz .bz-doc-body.has-toc { grid-template-columns: minmax(0, 1fr); }
}