/* Both calculators use the approved homepage mobile composition. */
.calc-mobile-disclosure{display:none}
/* One compact mobile calculator: inputs, live result and comparison together. */
@media(max-width:767px){
 :is(.home-page,.page-sell) #savings-calculator{padding-block:24px}
 :is(.home-page,.page-sell) #savings-calculator>.container>.eyebrow,:is(.home-page,.page-sell) #savings-calculator>.container>.section-copy{display:none}
 :is(.home-page,.page-sell) #savings-calculator h2{font-size:28px;margin-bottom:12px}
 :is(.home-page,.page-sell) .calculator{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;margin-top:0;padding:16px;overflow:visible;border-radius:24px}
 :is(.home-page,.page-sell) .calc-inputs,:is(.home-page,.page-sell) .calc-results{display:contents}
 :is(.home-page,.page-sell) .calc-inputs>.eyebrow,:is(.home-page,.page-sell) .calc-results>.eyebrow{display:none}
 :is(.home-page,.page-sell) .calc-price-controls{order:0;grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:0 12px;align-items:center}
 :is(.home-page,.page-sell) .calc-price-controls label:not(.sr-only){font-size:14px;line-height:1.4;margin:0}
 :is(.home-page,.page-sell) .calc-price-controls .currency{min-width:0}
 :is(.home-page,.page-sell) .calc-price-controls .currency input{min-height:44px!important;font-size:20px!important;padding:8px 8px 8px 28px!important;min-width:0}
 :is(.home-page,.page-sell) .calc-price-controls .currency>span{font-size:20px;left:12px}
 :is(.home-page,.page-sell) #price-range{grid-column:1/-1;min-height:44px;margin:4px 0 0;display:block;touch-action:pan-y}
 :is(.home-page,.page-sell) .calc-price-controls .range-labels{grid-column:1/-1;margin:0 0 12px;font-size:11px}
 :is(.home-page,.page-sell) #calc-error{order:1;grid-column:1/-1;margin:0 0 8px;font-size:14px}
 :is(.home-page,.page-sell) #calc-error:empty{display:none}
 :is(.home-page,.page-sell) #difference-label{order:2;align-self:stretch;display:flex;align-items:center;background:var(--lavender);margin:0;padding:12px 0 12px 12px;border-radius:12px 0 0 12px;font-size:13px;line-height:1.4}
 :is(.home-page,.page-sell) .calculator #difference{order:3;background:var(--lavender);padding:12px 12px 12px 4px;border-radius:0 12px 12px 0;margin:0;align-self:stretch;display:flex;align-items:center;justify-content:flex-end;font-size:clamp(24px,7.5vw,34px);line-height:1.1;overflow-wrap:anywhere;min-width:0}
 :is(.home-page,.page-sell) .calc-rate-controls{order:4;grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 64px;gap:4px 16px;align-items:start;margin-block:20px}
 :is(.home-page,.page-sell) .calc-rate-controls label{grid-column:1;grid-row:1;font-size:13px;line-height:1.4;margin:0}
 :is(.home-page,.page-sell) .calc-rate-controls #rate{grid-column:2;grid-row:1/3;align-self:center;min-height:44px;padding:8px 12px;font-size:16px;text-align:center}
 :is(.home-page,.page-sell) .calc-rate-controls #rate-help{grid-column:1;grid-row:2;margin:0;font-size:12px;line-height:1.4;max-width:32ch}
 :is(.home-page,.page-sell) .calc-rate-controls .nesta-rate{display:none}
 :is(.home-page,.page-sell) .calc-results>.fee-row{order:5;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;font-size:14px;line-height:1.4;gap:8px;padding:12px 8px 12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);min-width:0}
 :is(.home-page,.page-sell) .calc-results>.fee-row strong{font-size:24px;line-height:1.2;white-space:normal;overflow-wrap:anywhere}
 :is(.home-page,.page-sell) .calc-results>.fee-row:has(#nesta-fee){padding-left:12px;padding-right:0;border-left:1px solid var(--border)}
 :is(.home-page,.page-sell) #nesta-fee{color:var(--purple)}
 :is(.home-page,.page-sell) .calc-results>.small{order:6;grid-column:1/-1;margin:12px 0;font-size:12px;line-height:1.45}
 :is(.home-page,.page-sell) .calc-results>.button{order:7;grid-column:1/-1;font-size:13px;line-height:1.4;white-space:normal;padding:10px 12px;gap:8px;min-height:44px}
 :is(.home-page,.page-sell) #calc-announcement{order:8}
}


@media(max-width:767px){
 :is(.home-page,.page-sell) .calc-results>.fee-row{font-size:16px}
 :is(.home-page,.page-sell) .calc-results>.small{font-size:14px;line-height:1.5}
 .page-sell .calc-agreement-note,.page-sell .calc-desktop-disclosure{display:none}
 .page-sell .calc-results>.calc-mobile-disclosure{display:block}
}