/* Sanatan Yatra clean design: shared rules. Loaded on top of the live build.
   The live CSS has its own !important rules and components inject <style> later in the page,
   so every rule starts with #root to outrank them, and uses !important to beat inline styles. */
:root {
  --c-ink: #2a1c0e;
  --c-text: #5d5146;
  --c-mute: #7a6c5e;
  --c-line: #e8e2d8;
  --c-soft: #faf6ee;
  --c-brand: #8f6410;
  --c-brand-dark: #75510c;
  --c-radius: 10px;
  --c-gap: clamp(16px, 2vw, 24px);
  --c-section: clamp(40px, 5vw, 64px);
  --c-side: clamp(16px, 4vw, 40px);
  --c-max: 1240px;
  --c-serif: 'Cinzel', 'Noto Serif Devanagari', 'Noto Sans Devanagari', serif;
  --c-sans: 'Outfit', 'Noto Sans', 'Noto Sans Devanagari', system-ui, sans-serif;
}

/* ---------- Removed decoration: small titles, dashes, lines, dots, icons, glows ---------- */
#root [class*="eyebrow"]:not([class^="ft-"]), #root [class*="-kicker"]:not([class^="ft-"]), #root [class*="ornament"]:not([class^="ft-"]), #root [class*="-orn-"]:not([class^="ft-"]),
#root [class*="-rule"]:not([class^="ft-"]), #root [class*="-divider"]:not([class^="ft-"]), #root [class*="-progress"]:not([class^="ft-"]),
#root .hero-grain, #root .hero-particles, #root .hero-side, #root .hero-counter, #root .hero-dots,
#root .hero-m-dots, #root .hero-swipe-hint,
#root .dd-pip, #root .dd-card-dot, #root .dd-card-more, #root .dd-card-focusring,
#root .pg-strip-hint, #root .pg-sc-pill, #root .pg-sc-open, #root .pg-sub, #root .pg-footer p, #root .pg-lb-sep,
#root .sy-pg-dots, #root .sy-img-nav, #root .sy-img-arrow, #root .sy-info-btn, #root .sy-dpanel, #root .sy-idx, #root .sy-cat,
#root .sy-sc-cat, #root .sy-fade-l, #root .sy-fade-r, #root .sy-strip-sep, #root .sy-desc,
#root .ts-corners, #root .ts-corner, #root .ts-badges, #root .ts-benefits, #root .ts-hero-sub,
#root .ts-section-sub, #root .ts-strip-fade-top, #root .ts-hero-accent-line, #root .ts-type-index, #root .ts-type-tap-hint,
#root .ts-card-title, #root .ts-points, #root .ts-pkg-spacer,
#root .glp-hero-dots, #root .glp-h-sub, #root .glp-reels-sub,
#root .bl-hero-noise, #root .bl-card-meta-dot,
#root .ab-mantra-roman, #root .ab-scroll-hint, #root .ab-values-mandala, #root .ab-hero-accent, #root .ab-sec-sub, #root .ab-values-header-sub,
#root .ex-sub, #root .ex-grid-count, #root .lc-cat-dot, #root .lc-arr, #root .gc-arr {
  display: none !important;
}
#root .ab-mantra-wrap::before, #root .ts-tab::before, #root .ts-tab::after,
#root .pg-strip::before, #root .pg-strip::after, #root .pg-footer::before {
  display: none !important;
}

/* ---------- One type scale ---------- */
#root p:not(.ft-wrap p) { font-family: var(--c-sans) !important; font-style: normal !important; letter-spacing: 0 !important; font-size: 16px !important; line-height: 1.6 !important; }


/* Section headers with even space */
#root .pg-hdr, #root .sy-hero, #root .ts-section-hd, #root .ex-hero, #root .glp-header-top {
  background: none !important;
  border: 0 !important;
  min-height: 0 !important;
  height: auto !important;
}
#root .pg-hdr-inner, #root .sy-hero-left { padding: 0 !important; margin: 0 !important; min-height: 0 !important; }
#root .pg-hdr, #root .sy-hero, #root .ts-section-hd { padding-top: var(--c-section) !important; padding-bottom: var(--c-gap) !important; }

/* Nav text: readable size, no spaced capitals */
#root .nb-lk { font-family: var(--c-sans) !important; font-size: 14px !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: none !important; }
#root .nb-glogin, #root .nb-cta { font-family: var(--c-sans) !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important; }
#root .nb-bar button.relative { min-height: 34px; }
#root .nb-bar button.relative span { font-size: 14px !important; letter-spacing: 0 !important; }

/* ---------- One button standard: primary and outline, 46 px tall, 15 px text ---------- */
#root .hero-btn-primary, #root .pg-cta, #root .ts-cta-btn, #root .ts-hero-cta, #root .ts-btn-primary, #root .ts-btn-secondary,
#root .ts-btn-link, #root .dd-btn-group, #root .bl-featured-link, #root .pg-lb-b1, #root .pg-lb-b2,
#root .ct-form-submit, #root .lg-submit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-height: 46px !important;
  padding: 0 22px !important;
  margin: 0 !important;
  border-radius: 8px !important;
  border: 1px solid var(--c-brand) !important;
  background: var(--c-brand) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-family: var(--c-sans) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-decoration: none !important;
  white-space: nowrap;
  box-shadow: none !important;
  clip-path: none !important;
  transform: none !important;
  filter: none !important;
  cursor: pointer;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease !important;
}
#root .hero-btn-primary::before, #root .hero-btn-primary::after { display: none !important; }
#root .hero-btn-primary *, #root .pg-cta *, #root .ts-cta-btn *, #root .ts-hero-cta *, #root .ts-btn-primary *, #root .ts-btn-secondary *,
#root .ts-btn-link *, #root .dd-btn-group *{
  font: inherit !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}
/* Outline buttons */
#root .ts-btn-secondary, #root .ts-btn-link, #root .pg-lb-b2 {
  background: #fff !important;
  color: var(--c-brand) !important;
  -webkit-text-fill-color: var(--c-brand) !important;
}
@media (hover: hover) {
  #root .hero-btn-primary:hover, #root .pg-cta:hover, #root .ts-cta-btn:hover, #root .ts-hero-cta:hover, #root .ts-btn-primary:hover,
  #root .dd-btn-group:hover, #root .bl-featured-link:hover, #root .pg-lb-b1:hover {
    background: var(--c-brand-dark) !important;
    border-color: var(--c-brand-dark) !important;
    transform: none !important;
    box-shadow: none !important;
  }
  #root .ts-btn-secondary:hover, #root .ts-btn-link:hover, #root .pg-lb-b2:hover {
    background: var(--c-soft) !important;
    color: var(--c-brand-dark) !important;
    -webkit-text-fill-color: var(--c-brand-dark) !important;
    transform: none !important;
    box-shadow: none !important;
  }
}

/* ---------- One card standard: rounded photo, no box, same hover ---------- */
#root .pg-sc img, #root .sy-img-zone img, #root .sy-sc-img img, #root .dd-card-img, #root .ts-card-img img, #root .ts-pkg-img img,
#root .ts-strip-card img, #root .gc-img img, #root .glp-tile-img, #root .bl-card-img, #root .bl-featured-img {
  filter: none !important;
  transform: none !important;
  transition: transform .35s ease, opacity .4s ease !important;
}
@media (hover: hover) {
  #root .pg-sc:hover img, #root .sy-card:hover .sy-img-zone img, #root .sy-sc:hover .sy-sc-img img, #root .dd-card-abs.active:hover .dd-card-img,
  #root .ts-card:hover .ts-card-img img, #root .ts-pkg:hover .ts-pkg-img img, #root .ts-strip-card:hover img, #root .ex-gcard:hover .gc-img img,
  #root .glp-tile:hover .glp-tile-img, #root .bl-card:hover .bl-card-img, #root .bl-featured:hover .bl-featured-img {
    transform: scale(1.04) !important;
  }
  #root .pg-sc:hover .pg-sc-ov, #root .glp-tile:hover .glp-tile-overlay, #root .sy-card:hover .sy-overlay {
    background: linear-gradient(to top, rgba(15, 8, 0, .86), rgba(15, 8, 0, .1) 72%) !important;
  }
}
/* Live hover jumps and shadows go away on every card */
#root .pg-sc, #root .pg-sc:hover, #root .sy-card:hover, #root .ts-card, #root .ts-card:hover, #root .ex-gcard, #root .ex-gcard:hover, #root .ex-gcard:focus-visible,
#root .bl-card, #root .bl-card:hover, #root .glp-tile, #root .glp-tile:hover, #root .ab-value-pillar, #root .ab-value-pillar:hover, #root .ab-value-pillar:nth-child(even):hover,
#root .glp-reel-card, #root .glp-reel-card:hover, #root .ts-pkg, #root .ts-pkg:hover, #root .ts-strip-card, #root .ts-strip-card:hover {
  transform: none !important;
  box-shadow: none !important;
}

/* ---------- Carousels: touch moves them sideways, the page still scrolls up and down ---------- */
#root .hero-root, #root .hero-root-m, #root .dd-stage-drag, #root .pg-strip, #root .sy-strip-vp, #root .glp-hero, #root .ts-strip-overflow {
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
}
#root .hero-root img, #root .hero-root-m img, #root .dd-stage img, #root .pg-strip img, #root .sy-strip-vp img, #root .glp-hero img, #root .ts-strip-overflow img {
  -webkit-user-drag: none;
  user-select: none;
}