/* ==========================================================================
   netts.io — Converter (USDT Energy Calculator) visual refresh
   /css/converter.css
   Applies to tools/converter/index.php only (scoped via body.converter-page).
   Does NOT change markup, IDs, classes, data-* attrs, or JS hooks.
   Loaded AFTER tools/converter/converter.css — overrides legacy rules.
   Shares palette with chrome/terminal/home/hero/market stylesheets.
   ========================================================================== */

body.converter-page{
  --cv-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --cv-font:"Urbanist","Inter",system-ui,-apple-system,Arial,sans-serif;
  --cv-ink:#0b1020;
  --cv-ink-soft:#1a2240;
  --cv-text:#3a4366;
  --cv-muted:#8892b8;
  --cv-text-soft:#5c6690;
  --cv-blue:#2d4bdb;
  --cv-blue-hover:#3e68ff;
  --cv-blue-soft:#eef1ff;
  --cv-line:#e2e6f2;
  --cv-line-soft:#eef0f7;
  --cv-panel:#fbfcff;
  --cv-white:#ffffff;
  --cv-green:#00a86b;
  --cv-amber:#d98a00;
  --cv-red:#d93838;
  --cv-radius:12px;
  --cv-radius-sm:8px;
  --cv-radius-pill:999px;
  background:var(--cv-white);
  font-family:var(--cv-font);
  color:var(--cv-text);
}

/* ==========================================================================
   LEGACY RESETS — strip gradient text-fill from all headings
   ========================================================================== */
body.converter-page :is(h1,h2,h3,h4,h5,h6){
  background:none !important;
  -webkit-background-clip:initial !important;
  -webkit-text-fill-color:initial !important;
  background-clip:initial !important;
  font-family:var(--cv-font) !important;
  color:var(--cv-ink) !important;
}

/* ==========================================================================
   MAIN CONTAINER — Wider 1440px + custom 340px / 1fr column split
   ========================================================================== */
body.converter-page main.container-fluid{
  max-width:1440px !important;
  margin:0 auto !important;
  padding:clamp(32px,5vw,56px) clamp(16px,3vw,32px) 40px !important;
}
body.converter-page main.container-fluid > .row{
  --bs-gutter-x:40px;
  display:grid !important;
  grid-template-columns:340px 1fr !important;
  gap:32px !important;
  align-items:start !important;
}

/* ==========================================================================
   LEFT COLUMN — Calculator (fixed 340px)
   ========================================================================== */
body.converter-page .calculator-column{
  position:sticky;
  top:80px;
  align-self:flex-start;
  max-width:100% !important;
  flex:initial !important;
  width:auto !important;
  padding:20px 0 0 !important;
  background:transparent !important;
  border:none !important;
  border-right:none !important;
  min-height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  display:block !important;
  margin:0 !important;
}
body.converter-page .calculator-wrapper.results-shown{
  padding-top:32px !important;
}
body.converter-page .content-column{
  max-width:100% !important;
  flex:initial !important;
  width:auto !important;
  min-width:0 !important;
  padding:0 !important;
  height:auto !important;
  overflow:visible !important;
}
body.converter-page .calculator-wrapper{
  max-width:none !important;
  padding-top:24px !important;
}
body.converter-page .content-wrapper{
  max-width:none !important;
  margin:0 !important;
  counter-reset:cv-section;
}
body.converter-page .calculator-wrapper{
  background:var(--cv-white) !important;
  border:1px solid var(--cv-line) !important;
  border-radius:var(--cv-radius) !important;
  padding:52px 24px 24px !important;
  box-shadow:0 1px 2px rgba(11,16,32,.04),0 12px 36px rgba(11,16,32,.05) !important;
  position:relative;
  margin:0 !important;
  overflow:hidden;
}
/* Terminal window bar with 3 macOS dots + mono path */
body.converter-page .calculator-wrapper::before{
  content:"calc.sh  ~/tools/converter";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:36px;
  padding:0 16px 0 70px;
  display:flex;
  align-items:center;
  background:
    radial-gradient(circle at 18px 50%,#ff5f57 4.5px,transparent 5px),
    radial-gradient(circle at 36px 50%,#febc2e 4.5px,transparent 5px),
    radial-gradient(circle at 54px 50%,#28c840 4.5px,transparent 5px),
    #f1f3fa;
  border-bottom:1px solid var(--cv-line);
  color:var(--cv-text-soft);
  font-family:var(--cv-mono);
  font-size:11.5px;
  letter-spacing:.02em;
  pointer-events:none;
  white-space:pre;
}
/* Live status LED in upper-right of window bar */
body.converter-page .calculator-wrapper::after{
  content:"LIVE";
  position:absolute;
  top:0;
  right:16px;
  height:36px;
  display:flex;
  align-items:center;
  gap:6px;
  font-family:var(--cv-mono);
  font-size:10px;
  font-weight:600;
  letter-spacing:.14em;
  color:var(--cv-green);
  pointer-events:none;
  padding-left:14px;
  background-image:radial-gradient(circle at 5px 50%,var(--cv-green) 3px,transparent 3.5px);
  animation:cv-led-pulse 2s ease-in-out infinite;
}
@keyframes cv-led-pulse{
  0%,100%{opacity:1}
  50%{opacity:.45}
}

/* Calculator header (clickable, collapsible) */
body.converter-page .calculator-header{
  cursor:pointer;
  margin-bottom:16px !important;
  padding-bottom:14px !important;
  border-bottom:1px dashed var(--cv-line-soft);
  position:relative;
}
/* Prompt line with blinking cursor above calculator title */
body.converter-page .calculator-header::before{
  content:"→ netts calc --usdt";
  display:inline-block;
  font-family:var(--cv-mono);
  font-size:12px;
  color:var(--cv-muted);
  letter-spacing:.02em;
  margin-bottom:10px;
  padding-right:4px;
  border-right:7px solid var(--cv-blue);
  animation:cv-blink 1s step-end infinite;
  line-height:1.4;
}
@keyframes cv-blink{
  50%{border-right-color:transparent}
}
body.converter-page .calculator-header h1{
  font-family:var(--cv-font) !important;
  font-weight:800 !important;
  font-size:22px !important;
  color:var(--cv-ink) !important;
  letter-spacing:-.01em !important;
  line-height:1.2 !important;
  margin:0 0 6px !important;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
body.converter-page .calculator-header .text-muted{
  color:var(--cv-text-soft) !important;
  font-family:var(--cv-font) !important;
  font-size:13.5px !important;
  line-height:1.5 !important;
  margin:0 !important;
}
body.converter-page .calculator-chevron{
  color:var(--cv-muted) !important;
  font-size:18px !important;
  transition:transform .2s ease,color .2s ease;
}
body.converter-page .calculator-header:hover .calculator-chevron{
  color:var(--cv-blue) !important;
}

/* Form inputs */
body.converter-page .calculator-form-container{
  transition:max-height .3s ease,opacity .25s ease;
}
body.converter-page #calculatorForm .form-label{
  font-family:var(--cv-mono) !important;
  font-size:11.5px !important;
  font-weight:500 !important;
  letter-spacing:.06em !important;
  text-transform:lowercase !important;
  color:var(--cv-muted) !important;
  margin-bottom:6px !important;
}
body.converter-page #calculatorForm .form-control{
  background:var(--cv-white) !important;
  border:1px solid var(--cv-line) !important;
  color:var(--cv-ink) !important;
  font-family:var(--cv-mono) !important;
  font-size:13.5px !important;
  padding:11px 14px !important;
  border-radius:var(--cv-radius-sm) !important;
  box-shadow:none !important;
  transition:border-color .18s ease,box-shadow .18s ease;
}
body.converter-page #calculatorForm .form-control::placeholder{
  color:var(--cv-muted) !important;
  opacity:1;
}
body.converter-page #calculatorForm .form-control:focus{
  outline:none !important;
  border-color:var(--cv-blue) !important;
  box-shadow:0 0 0 3px rgba(45,75,219,.15) !important;
}

/* Calculate button — ink primary */
body.converter-page #calculateBtn,
body.converter-page #calculatorForm .btn.btn-primary{
  background:var(--cv-ink) !important;
  background-image:none !important;
  border:1px solid var(--cv-ink) !important;
  color:var(--cv-white) !important;
  font-family:var(--cv-mono) !important;
  font-weight:500 !important;
  font-size:13.5px !important;
  letter-spacing:.03em !important;
  padding:12px 18px !important;
  border-radius:var(--cv-radius-sm) !important;
  text-transform:none !important;
  box-shadow:0 2px 0 rgba(11,16,32,.08),0 6px 20px rgba(11,16,32,.08) !important;
  transition:background .14s ease,border-color .14s ease,transform .14s ease,box-shadow .14s ease !important;
}
body.converter-page #calculateBtn:hover,
body.converter-page #calculatorForm .btn.btn-primary:hover{
  background:var(--cv-blue) !important;
  border-color:var(--cv-blue) !important;
  transform:translateY(-1px) !important;
  box-shadow:0 2px 0 rgba(45,75,219,.15),0 10px 28px rgba(45,75,219,.22) !important;
}
body.converter-page #calculateBtn:active,
body.converter-page #calculatorForm .btn.btn-primary:active{
  transform:translateY(0) !important;
}

/* Transfer Guidance (appears after calculation) */
body.converter-page .transfer-guidance{
  background:var(--cv-blue-soft) !important;
  border:1px solid rgba(45,75,219,.2) !important;
  border-radius:var(--cv-radius-sm) !important;
  padding:14px 16px !important;
  margin-top:18px !important;
}
body.converter-page .transfer-guidance .guidance-content h6{
  font-family:var(--cv-mono) !important;
  font-size:12px !important;
  font-weight:500 !important;
  letter-spacing:.04em !important;
  text-transform:lowercase !important;
  color:var(--cv-blue) !important;
  margin:0 0 8px !important;
}
body.converter-page .transfer-guidance .guidance-text{
  font-family:var(--cv-font) !important;
  font-size:13.5px !important;
  color:var(--cv-ink) !important;
  line-height:1.55 !important;
}

/* ==========================================================================
   RIGHT COLUMN — Content sections
   ========================================================================== */
body.converter-page .content-wrapper{
  padding:0 !important;
}
body.converter-page .content-wrapper section{
  background:var(--cv-white) !important;
  border:1px solid var(--cv-line) !important;
  border-radius:var(--cv-radius) !important;
  padding:32px 40px !important;
  margin-bottom:20px !important;
  box-shadow:0 1px 2px rgba(11,16,32,.03) !important;
  position:relative;
}
body.converter-page .content-wrapper section{
  counter-increment:cv-section;
}
body.converter-page .content-wrapper section h2{
  font-family:var(--cv-font) !important;
  font-weight:800 !important;
  font-size:clamp(20px,2vw,26px) !important;
  letter-spacing:-.01em !important;
  color:var(--cv-ink) !important;
  margin:0 0 16px !important;
  line-height:1.2 !important;
  position:relative;
  padding-top:6px;
}
/* § 01 · LABEL style tag above section heading */
body.converter-page .content-wrapper section h2::before{
  content:"§ 0" counter(cv-section);
  display:block;
  font-family:var(--cv-mono);
  font-weight:700;
  font-size:11px;
  letter-spacing:.18em;
  color:var(--cv-blue);
  margin-bottom:6px;
  opacity:.95;
}
body.converter-page .content-wrapper section h6{
  font-family:var(--cv-mono) !important;
  font-size:12px !important;
  font-weight:500 !important;
  letter-spacing:.04em !important;
  text-transform:lowercase !important;
  color:var(--cv-blue) !important;
  margin:0 0 10px !important;
}
body.converter-page .content-wrapper section p,
body.converter-page .content-wrapper section li{
  font-family:var(--cv-font) !important;
  color:var(--cv-text) !important;
  font-size:14.5px !important;
  line-height:1.6 !important;
}
body.converter-page .content-wrapper section p strong{
  color:var(--cv-ink) !important;
  font-weight:700 !important;
}
body.converter-page .content-wrapper section ol,
body.converter-page .content-wrapper section ul{
  margin:10px 0 !important;
  padding-left:20px !important;
}
body.converter-page .content-wrapper section ol li,
body.converter-page .content-wrapper section ul li{
  margin-bottom:6px;
}

/* ==========================================================================
   COST COMPARISON TABLE
   ========================================================================== */
body.converter-page .comparison-table{
  border:1px solid var(--cv-line) !important;
  border-radius:var(--cv-radius-sm) !important;
  overflow:hidden !important;
  margin-top:12px !important;
}
body.converter-page .comparison-row{
  display:grid !important;
  grid-template-columns:2fr 1fr 1fr !important;
  padding:12px 16px !important;
  align-items:center !important;
  gap:14px !important;
  border-bottom:1px dashed var(--cv-line-soft) !important;
}
body.converter-page .comparison-row:last-child{
  border-bottom:none !important;
}
body.converter-page .comparison-row.header{
  background:var(--cv-panel) !important;
  border-bottom:1px solid var(--cv-line) !important;
}
body.converter-page .comparison-row.header > div{
  font-family:var(--cv-mono) !important;
  font-size:10.5px !important;
  font-weight:500 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  color:var(--cv-muted) !important;
}
body.converter-page .comparison-row > div{
  font-family:var(--cv-font) !important;
  font-size:13.5px !important;
  color:var(--cv-text) !important;
}
body.converter-page .comparison-row > div:nth-child(n+2){
  font-family:var(--cv-mono) !important;
  font-weight:600 !important;
  color:var(--cv-ink) !important;
}
body.converter-page .comparison-row .bi{
  margin-right:6px;
}
body.converter-page .comparison-row.savings-row{
  background:rgba(0,168,107,.06) !important;
  border-top:1px solid rgba(0,168,107,.18) !important;
}
body.converter-page .comparison-row.savings-row strong{
  color:var(--cv-green) !important;
  font-family:var(--cv-mono) !important;
  font-size:14px !important;
}
body.converter-page .text-danger{
  color:var(--cv-red) !important;
}
body.converter-page .text-success{
  color:var(--cv-green) !important;
}

/* ==========================================================================
   API DOCS SECTION
   ========================================================================== */
body.converter-page .api-example{
  background:var(--cv-panel) !important;
  border:1px solid var(--cv-line) !important;
  border-radius:var(--cv-radius-sm) !important;
  padding:16px 18px !important;
}
body.converter-page .api-url{
  display:block !important;
  font-family:var(--cv-mono) !important;
  font-size:12.5px !important;
  color:var(--cv-blue) !important;
  background:var(--cv-white) !important;
  border:1px dashed var(--cv-line) !important;
  padding:10px 12px !important;
  border-radius:6px !important;
  word-break:break-all !important;
  margin-top:8px !important;
}
body.converter-page code{
  font-family:var(--cv-mono) !important;
  font-size:12.5px !important;
  color:var(--cv-blue) !important;
  background:var(--cv-blue-soft) !important;
  padding:2px 6px !important;
  border-radius:4px !important;
}
body.converter-page .api-details .alert-info{
  background:var(--cv-blue-soft) !important;
  border:1px solid rgba(45,75,219,.2) !important;
  color:var(--cv-ink) !important;
  border-radius:var(--cv-radius-sm) !important;
  padding:12px 14px !important;
  font-family:var(--cv-font) !important;
  font-size:13px !important;
}
body.converter-page .api-details .alert-info strong{
  color:var(--cv-blue) !important;
  font-family:var(--cv-mono) !important;
}

/* ==========================================================================
   FAQ ACCORDION
   ========================================================================== */
body.converter-page #faq .faq-item{
  border:1px solid var(--cv-line) !important;
  border-radius:var(--cv-radius-sm) !important;
  margin-bottom:10px !important;
  overflow:hidden !important;
  transition:border-color .18s ease !important;
  background:var(--cv-white) !important;
}
body.converter-page #faq .faq-item:hover{
  border-color:rgba(45,75,219,.3) !important;
}
body.converter-page #faq .faq-item.open{
  border-color:rgba(45,75,219,.3) !important;
  background:var(--cv-white) !important;
}
body.converter-page #faq .faq-question{
  font-family:var(--cv-font) !important;
  font-weight:700 !important;
  font-size:15px !important;
  color:var(--cv-ink) !important;
  padding:14px 18px !important;
  margin:0 !important;
  cursor:pointer !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  transition:background .14s ease !important;
  user-select:none;
}
body.converter-page #faq .faq-question:hover{
  background:rgba(45,75,219,.03) !important;
}
body.converter-page #faq .faq-question .bi{
  color:var(--cv-muted) !important;
  font-size:16px !important;
  transition:transform .2s ease,color .2s ease;
  flex-shrink:0;
}
body.converter-page #faq .faq-item.open .faq-question .bi{
  color:var(--cv-blue) !important;
}
body.converter-page #faq .faq-answer{
  padding:0 18px 14px !important;
  border-top:1px dashed var(--cv-line-soft) !important;
  margin-top:0 !important;
}
body.converter-page #faq .faq-answer p{
  margin:12px 0 0 !important;
  color:var(--cv-text) !important;
  font-size:14px !important;
  line-height:1.6 !important;
}

/* ==========================================================================
   RESULTS DISPLAY (dynamic, from #resultsTemplate)
   ========================================================================== */
body.converter-page #resultsContainer{
  margin:0 !important;
}
body.converter-page #resultsContainer:not(:empty){
  margin:0 0 20px !important;
}
body.converter-page .results-card{
  background:var(--cv-white) !important;
  border:1px solid var(--cv-line) !important;
  border-radius:var(--cv-radius) !important;
  padding:22px 24px !important;
  box-shadow:0 1px 2px rgba(11,16,32,.03) !important;
  position:relative;
}
body.converter-page .results-card::before{
  content:"calc.result";
  position:absolute;
  top:-11px;
  left:20px;
  padding:2px 10px;
  background:var(--cv-white);
  color:var(--cv-green);
  font-family:var(--cv-mono);
  font-size:11px;
  font-weight:500;
  letter-spacing:.06em;
  text-transform:lowercase;
  border:1px solid rgba(0,168,107,.3);
  border-radius:6px;
}

/* Wallet details table */
body.converter-page .wallet-details-table table{
  width:100% !important;
  border-collapse:collapse !important;
  font-family:var(--cv-font) !important;
  margin-bottom:14px !important;
}
body.converter-page .wallet-details-table table thead th{
  background:var(--cv-panel) !important;
  color:var(--cv-muted) !important;
  font-family:var(--cv-mono) !important;
  font-size:10.5px !important;
  font-weight:500 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  padding:10px 12px !important;
  border-bottom:1px solid var(--cv-line) !important;
  text-align:left !important;
}
body.converter-page .wallet-details-table table tbody td{
  padding:10px 12px !important;
  font-family:var(--cv-font) !important;
  font-size:13px !important;
  color:var(--cv-text) !important;
  border-bottom:1px dashed var(--cv-line-soft) !important;
}
body.converter-page .wallet-details-table table tbody tr:last-child td{
  border-bottom:none !important;
}
body.converter-page .wallet-details-table table [data-value*="address"],
body.converter-page .wallet-details-table table [data-value*="trx"],
body.converter-page .wallet-details-table table [data-value*="usdt"],
body.converter-page .wallet-details-table table [data-value*="energy"],
body.converter-page .wallet-details-table table [data-value*="bandwidth"]{
  font-family:var(--cv-mono) !important;
  color:var(--cv-ink) !important;
  font-weight:600 !important;
}

/* Badges */
body.converter-page .badge{
  font-family:var(--cv-mono) !important;
  font-size:10.5px !important;
  font-weight:500 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  padding:3px 8px !important;
  border-radius:var(--cv-radius-pill) !important;
}
body.converter-page .badge.bg-success{
  background:rgba(0,168,107,.12) !important;
  color:var(--cv-green) !important;
}
body.converter-page .badge.bg-danger{
  background:rgba(217,56,56,.12) !important;
  color:var(--cv-red) !important;
}
body.converter-page .badge.bg-warning{
  background:rgba(217,138,0,.14) !important;
  color:var(--cv-amber) !important;
}

/* Metric cards grid */
body.converter-page .results-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr)) !important;
  gap:12px !important;
  margin-bottom:14px !important;
}
body.converter-page .metric-card{
  background:var(--cv-panel) !important;
  border:1px solid var(--cv-line) !important;
  border-radius:var(--cv-radius-sm) !important;
  padding:14px 16px !important;
  text-align:left !important;
  display:flex;
  flex-direction:column;
  gap:4px;
}
body.converter-page .metric-card .metric-label,
body.converter-page .metric-card > :is(h6,span:first-child){
  font-family:var(--cv-mono) !important;
  font-size:10.5px !important;
  letter-spacing:.06em !important;
  text-transform:lowercase !important;
  color:var(--cv-muted) !important;
  font-weight:500 !important;
  margin:0 !important;
}
body.converter-page .metric-card .metric-value,
body.converter-page .metric-card [data-value]{
  font-family:var(--cv-mono) !important;
  font-size:16px !important;
  font-weight:700 !important;
  color:var(--cv-ink) !important;
  letter-spacing:-.01em !important;
  line-height:1.2 !important;
}

/* Cost breakdown */
body.converter-page .cost-breakdown{
  background:var(--cv-panel) !important;
  border:1px solid var(--cv-line) !important;
  border-radius:var(--cv-radius-sm) !important;
  padding:14px 16px !important;
  margin-bottom:14px !important;
}
body.converter-page .cost-item,
body.converter-page .cost-breakdown > div{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  padding:8px 0 !important;
  border-bottom:1px dashed var(--cv-line-soft) !important;
  font-family:var(--cv-font) !important;
  font-size:13.5px !important;
  color:var(--cv-text) !important;
}
body.converter-page .cost-breakdown > div:last-child{
  border-bottom:none !important;
}
body.converter-page .cost-item strong,
body.converter-page .cost-breakdown [data-value]{
  font-family:var(--cv-mono) !important;
  color:var(--cv-ink) !important;
  font-weight:700 !important;
}

/* Savings banner */
body.converter-page .savings-banner{
  background:linear-gradient(135deg,rgba(0,168,107,.12),rgba(0,168,107,.04)) !important;
  border:1px solid rgba(0,168,107,.25) !important;
  border-radius:var(--cv-radius-sm) !important;
  padding:14px 18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  font-family:var(--cv-font) !important;
  color:var(--cv-ink) !important;
}
body.converter-page .savings-banner.free-transfer{
  background:linear-gradient(135deg,rgba(45,75,219,.12),rgba(45,75,219,.04)) !important;
  border-color:rgba(45,75,219,.28) !important;
}
body.converter-page .savings-banner [data-value]{
  font-family:var(--cv-mono) !important;
  font-size:18px !important;
  font-weight:700 !important;
  color:var(--cv-green) !important;
}
body.converter-page .savings-banner.free-transfer [data-value]{
  color:var(--cv-blue) !important;
}

/* Error template */
body.converter-page .results-section .alert,
body.converter-page #resultsContainer .alert{
  background:rgba(217,56,56,.06) !important;
  border:1px solid rgba(217,56,56,.22) !important;
  color:var(--cv-ink) !important;
  border-radius:var(--cv-radius-sm) !important;
  padding:12px 14px !important;
  font-family:var(--cv-font) !important;
}

/* Recommendation / issues lists */
body.converter-page .recommendation-list li,
body.converter-page .issues-list li{
  font-family:var(--cv-mono) !important;
  font-size:12.5px !important;
  color:var(--cv-text) !important;
  padding:6px 0;
  border-bottom:1px dashed var(--cv-line-soft);
  list-style:none;
  position:relative;
  padding-left:18px;
}
body.converter-page .recommendation-list li::before,
body.converter-page .issues-list li::before{
  content:"›";
  position:absolute;
  left:4px;
  color:var(--cv-blue);
  font-weight:700;
}
body.converter-page .recommendation-list li:last-child,
body.converter-page .issues-list li:last-child{
  border-bottom:none;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width:991px){
  body.converter-page main.container-fluid > .row{
    grid-template-columns:1fr !important;
    --bs-gutter-x:0;
  }
  body.converter-page .calculator-column{
    position:relative;
    top:0;
    align-self:auto;
    margin-bottom:20px;
  }
}
@media (max-width:768px){
  body.converter-page main.container-fluid{
    padding:clamp(24px,5vw,36px) 12px 24px !important;
  }
  body.converter-page .calculator-wrapper{
    padding:20px 18px !important;
  }
  body.converter-page .content-wrapper section{
    padding:20px 18px !important;
  }
  body.converter-page .comparison-row{
    grid-template-columns:1.3fr 1fr 1fr !important;
    gap:8px !important;
    padding:10px 12px !important;
    font-size:12.5px !important;
  }
  body.converter-page .results-grid{
    grid-template-columns:repeat(2,1fr) !important;
  }
  body.converter-page #faq .faq-question{
    font-size:14px !important;
    padding:12px 14px !important;
  }
}
@media (max-width:576px){
  body.converter-page .calculator-header h1{
    font-size:19px !important;
  }
  body.converter-page .content-wrapper section h2{
    font-size:20px !important;
  }
  body.converter-page .comparison-row{
    font-size:11.5px !important;
  }
  body.converter-page .results-grid{
    grid-template-columns:1fr !important;
  }
}