/**
 * T3.1 — percentage-calculator mobile V2 (tool-specific)
 * Opt-in: html[data-tl-mobile-v2="tool-v1"]
 */




@media (max-width:900px){
  html[data-tl-mobile-v2="tool-v1"] body.calculator-body main.calculator-page:not([data-tool="emi-calculator"])>.tool-page-hero{
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    padding:12px 14px!important;
    overflow:visible!important;
  }
  html[data-tl-mobile-v2="tool-v1"] body.calculator-body main.calculator-page:not([data-tool="emi-calculator"])>.tool-page-hero h1{
    font-size:clamp(28px,5.2vw,32px)!important;
    line-height:1.08!important;
  }
  html[data-tl-mobile-v2="tool-v1"] body.calculator-body main.calculator-page:not([data-tool="emi-calculator"])>.tool-page-hero p{
    display:block!important;
    max-width:680px!important;
    margin:5px auto 0!important;
    font-size:.78rem!important;
    line-height:1.35!important;
  }
  html[data-tl-mobile-v2="tool-v1"] body.calculator-body main.calculator-page:not([data-tool="emi-calculator"]) .calculator-workspace{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  html[data-tl-mobile-v2="tool-v1"] body.calculator-body main.calculator-page:not([data-tool="emi-calculator"]) .calculator-form, html[data-tl-mobile-v2="tool-v1"] body.calculator-body main.calculator-page:not([data-tool="emi-calculator"]) .calculator-result-summary, html[data-tl-mobile-v2="tool-v1"] body.calculator-body main.calculator-page:not([data-tool="emi-calculator"]) .calculator-result-zone{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
  }
  html[data-tl-mobile-v2="tool-v1"] body.calculator-body main.calculator-page:not([data-tool="emi-calculator"]) .calculator-form{
    padding:14px!important;
  }
  html[data-tl-mobile-v2="tool-v1"] body.calculator-body main[data-tool="percentage-calculator"] .calculator-form[data-percentage-mode="bodyFat"] .calculator-inputs{
    display:grid!important;
  }
  html[data-tl-mobile-v2="tool-v1"] body.calculator-body main[data-tool="percentage-calculator"] .calculator-form[data-percentage-mode="bodyFat"] .calc-control:has(#percentageMode){order:0}
  html[data-tl-mobile-v2="tool-v1"] body.calculator-body main[data-tool="percentage-calculator"] .calculator-form[data-percentage-mode="bodyFat"] .calc-control:has(#percentageGender){order:1}
  html[data-tl-mobile-v2="tool-v1"] body.calculator-body main[data-tool="percentage-calculator"] .calculator-form[data-percentage-mode="bodyFat"] .calc-control:has(#value){order:2}
  html[data-tl-mobile-v2="tool-v1"] body.calculator-body main[data-tool="percentage-calculator"] .calculator-form[data-percentage-mode="bodyFat"] .calc-control:has(#percent){order:3}
  html[data-tl-mobile-v2="tool-v1"] body.calculator-body main[data-tool="percentage-calculator"] .calculator-form[data-percentage-mode="bodyFat"] .calc-control:has(#percentageAux){order:4}
  html[data-tl-mobile-v2="tool-v1"] body.calculator-body main[data-tool="percentage-calculator"] .calculator-form[data-percentage-mode="bodyFat"] .calc-control:has(#percentageExtra){order:5}
  html[data-tl-mobile-v2="tool-v1"] body.calculator-body main[data-tool="percentage-calculator"] .calculator-form[data-percentage-mode="bodyFat"]~.calculator-result-zone .calculator-summary-card strong{
    font-size:clamp(.98rem,4.2vw,1.15rem)!important;
    line-height:1.16!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }
  html[data-tl-mobile-v2="tool-v1"] body.calculator-body main.calculator-page:not([data-tool="emi-calculator"]) .calc-range{
    display:none!important;
  }
  html[data-tl-mobile-v2="tool-v1"] body.calculator-body main.calculator-page:not([data-tool="emi-calculator"]) .calc-control{
    padding-bottom:10px!important;
  }
  html[data-tl-mobile-v2="tool-v1"] body.calculator-body main.calculator-page:not([data-tool="emi-calculator"]) .calc-control+.calc-control{
    padding-top:10px!important;
  }
  html[data-tl-mobile-v2="tool-v1"] body.calculator-body main.calculator-page:not([data-tool="emi-calculator"]) .calc-input-row input, html[data-tl-mobile-v2="tool-v1"] body.calculator-body main.calculator-page:not([data-tool="emi-calculator"]) .calc-control select{
    min-height:52px!important;
    height:52px!important;
  }
  html[data-tl-mobile-v2="tool-v1"] body.calculator-body main.calculator-page:not([data-tool="emi-calculator"]) .calculator-result-panel{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  html[data-tl-mobile-v2="tool-v1"] body.calculator-body main.calculator-page:not([data-tool="emi-calculator"]) .calculator-summary-card{
    min-height:96px!important;
  }
  html[data-tl-mobile-v2="tool-v1"] body.calculator-body main.calculator-page:not([data-tool="emi-calculator"]) .calculator-chart-shell{
    min-height:230px!important;
    height:230px!important;
  }
  html[data-tl-mobile-v2="tool-v1"] body.calculator-body main.calculator-page:not([data-tool="emi-calculator"]) .calculator-secondary-details{
    width:100%!important;
    max-width:100%!important;
  }
}
@media (max-width: 760px) {
  html[data-tl-mobile-v2="tool-v1"] body.calculator-body main[data-tool="percentage-calculator"] #tool-workspace.tool-panel {
    width: calc(100vw - 24px);
    max-width: calc(100vw - 24px);
    margin-inline: auto;
  }
}