/* Stage-only product landing inside the shared YOOtheme page lifecycle. */
body.sl-stage-jiotish .tm-page,
body.sl-stage-jiotish .tm-main { background: var(--sl-bg) !important; }
body.sl-stage-jiotish #tm-main { padding: 0; }
body.sl-stage-jiotish #tm-main > .uk-container { max-width: none; padding: 0; }
body.sl-stage-jiotish .jiotish-hero h1 { font-size: clamp(48px, 5.5vw, 82px) !important; line-height: 1.02 !important; }
body.sl-stage-jiotish .jiotish-chart-visual img,
body.sl-stage-jiotish .jiotish-chart-dialog img { aspect-ratio: 1; object-fit: contain; }
body.sl-stage-jiotish .jiotish-product-nav { position: relative; z-index: 5; }
/* Preserve approved action sizes against the shared shell button rule. */
body.sl-stage-jiotish .jiotish-hero-actions .sl-button { min-height: 54px; }
body.sl-stage-jiotish .jiotish-access-grid .sl-button { min-height: 50px; }
body.sl-stage-jiotish .jiotish-final .sl-button { min-height: 54px; }
body.sl-stage-jiotish .jiotish-faq-grid > div:first-child > a { min-height: 44px; }
body.sl-stage-jiotish .product-chart__open { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; gap: 7px; padding-inline: 12px; border: 1px solid var(--sl-line); border-radius: 999px; color: var(--sl-copper-bright); background: transparent; font: 400 16px/1.3 var(--sl-yoo-font-body, Arsenal, Arial, sans-serif); text-decoration: none; }
body.sl-stage-jiotish .product-chart__open span:last-child { color: inherit; font-size: 16px; letter-spacing: normal; text-transform: none; }
body.sl-stage-jiotish .product-chart__open .sl-icon { width: 18px; height: 18px; }
body.sl-stage-jiotish .product-chart__open:hover { border-color: var(--sl-copper-bright); }
body.sl-stage-jiotish .product-chart.uk-modal,
html[data-theme="light"] body.sl-stage-jiotish .product-chart.uk-modal { width: auto; max-height: none; inset: 0; margin: 0; padding: 24px 12px; border: 0; border-radius: 0; box-shadow: none; background: rgba(0, 0, 0, .8); overflow: auto; }
body.sl-stage-jiotish .product-chart__dialog { box-sizing: border-box; width: min(760px, 100%); max-width: 100%; margin: 0 auto; padding: 28px; border: 1px solid var(--sl-line-strong); border-radius: 28px; background: var(--sl-surface-raised); color: var(--sl-text); }
html[data-theme="light"] body.sl-stage-jiotish .product-chart__dialog { background: #fffaf6; }
body.sl-stage-jiotish .product-chart__close { width: 44px; height: 44px; }
body.sl-stage-jiotish .product-chart h2 { font: 400 clamp(28px, 4vw, 42px)/1.1 var(--sl-yoo-font-heading, "Playfair Display", Georgia, serif) !important; }
body.sl-stage-jiotish .product-chart__original { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; gap: 8px; margin-top: 12px; color: var(--sl-copper-bright); font-size: 16px; text-underline-offset: 3px; }
body.sl-stage-jiotish :is(#main, #inside, #how-it-works, #faq) { scroll-margin-top: 100px; }
body.sl-stage-jiotish :focus-visible { outline: 2px solid var(--sl-copper-bright); outline-offset: 3px; }
html[data-theme="light"] body.sl-stage-jiotish .tm-page,
html[data-theme="light"] body.sl-stage-jiotish .tm-main { background: #fff !important; }
@media (max-width: 900px) {
  body.sl-stage-jiotish .jiotish-mobile-nav { z-index: 120; }
}
@media (max-width: 720px) {
  body.sl-stage-jiotish .jiotish-hero h1 { font-size: clamp(39px, 11vw, 54px) !important; }
  body.sl-stage-jiotish .product-chart__dialog { padding: 22px 16px; }
}