/* Shared native calculator styles. Tibor v13 light with approved owner updates. */
.stg-calc-page { --stg-font:var(--stg-font-stable); font-family:var(--stg-font); padding-top:24px; }
.stg-calc-breadcrumb { font:14px var(--stg-font); color:var(--stg-muted); }
.stg-calc-intro { max-width:720px; padding-top:20px; }
.stg-calc-intro h1 { font-size:var(--stg-heading); font-weight:700; letter-spacing:-.03em; line-height:1.1; margin:0 0 9px; }
.stg-calc-intro p { font-size:16px; color:var(--stg-muted); line-height:1.55; margin:0; }
.stg-calc { display:grid; grid-template-columns:minmax(0,1fr) 380px; gap:40px; align-items:start; padding:32px 0 40px; }
.stg-calc-main { display:flex; flex-direction:column; gap:30px; min-width:0; }
.stg-calc h2 { font-size:19px; letter-spacing:-.015em; margin:0 0 12px; line-height:1.3; }
.stg-calc h2>span { display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; margin-right:6px; border-radius:50%; background:var(--stg-ink); color:var(--stg-surface); font:12px var(--stg-mono); }
.stg-preset-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(215px,1fr)); gap:9px; }
.stg-preset-grid button { padding:13px 14px; min-height:66px; border:1.5px solid var(--stg-line); border-radius:var(--stg-r1); text-align:left; font:700 14px/1.3 var(--stg-font); background:var(--stg-surface); color:var(--stg-ink); cursor:pointer; }
.stg-preset-grid button[aria-pressed=true] { border-color:var(--stg-accent); background:var(--stg-tint); color:var(--stg-ink); }
.stg-calc-section-title { display:flex; align-items:baseline; justify-content:space-between; gap:10px; }
.stg-calc-section-title button { border:0; background:transparent; color:var(--stg-orange); font:13px var(--stg-font); cursor:pointer; }
.stg-calc-items h3 { font:10px var(--stg-mono); letter-spacing:.1em; text-transform:uppercase; color:var(--stg-muted2); margin:24px 0 8px; }
.stg-calc .stg-calculator-grid { display:grid; gap:8px; }
.stg-calc-item { display:flex; align-items:center; gap:10px; padding:9px 11px 9px 13px; border:1px solid var(--stg-line); border-radius:var(--stg-r1); }
.stg-calc .stg-calc-item label { display:block; flex:1; padding:0; border:0; font-weight:600; line-height:1.3; }
.stg-calc-item small { display:block; font:11px var(--stg-mono); color:var(--stg-muted2); margin-top:3px; }
.stg-stepper { display:flex; align-items:center; gap:3px; }
.stg-stepper button { display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--stg-line2); border-radius:var(--stg-r1); background:var(--stg-surface); color:var(--stg-ink); font-size:16px;font-weight:600;line-height:1; cursor:pointer; }
.stg-calc .stg-stepper input { min-height:40px; padding:4px; border:0; text-align:center; font:400 14px var(--stg-mono);color:var(--stg-muted3); appearance:textfield; }
.stg-stepper input::-webkit-inner-spin-button { appearance:none; }
.stg-calc-aside { position:sticky; top:96px; min-width:0; scroll-margin-top:24px; }
.stg-calc-result { border:1px solid var(--stg-line); border-radius:var(--stg-r2); overflow:hidden; }
.stg-calc-result>.stg-eyebrow { padding:14px 18px; margin:0; border-bottom:1px solid var(--stg-line); color:var(--stg-muted2); }
.stg-calc-recommend { padding:24px 18px;color:var(--stg-muted); display:flex; align-items:center; gap:16px; border-bottom:1px solid var(--stg-line); }
.stg-calc-recommend img { width:110px; height:100px; object-fit:contain; }
.stg-calc-recommend output { font-size:14px; font-weight:400; line-height:1.55; }
.stg-calc-meters { display:flex; flex-direction:column; gap:14px; padding:18px; }
.stg-calc-meters>div { border-top:1px solid var(--stg-line); padding:14px 0; }
.stg-calc-meters .is-recommended { border:1.5px solid var(--stg-accent); background:var(--stg-tint); padding:13px 14px; border-radius:var(--stg-r1); }
.stg-calc-meters strong { font-size:16px; }
.stg-calc-meters span { display:block; font-size:12px; color:var(--stg-muted); margin:6px 0; }
.stg-calc-meters meter { width:100%; height:9px; accent-color:var(--stg-accent); }
.stg-calc-result>.stg-button { font-size:16px;font-weight:700;display:flex; margin:0 18px 12px; }
.stg-calc-note { padding:0 18px 18px; font-size:12px; color:var(--stg-muted); margin:0; }
.stg-calc-help { border:1px solid var(--stg-line); border-radius:var(--stg-r2); padding:15px 17px; margin-top:12px; font-size:14px; }
.stg-calc-help p { margin-bottom:0; }
.stg-calc-sticky { display:none; }
@media(max-width:1000px) {
.stg-calc { grid-template-columns:minmax(0,1fr) 320px; gap:24px; }
.stg-preset-grid { grid-template-columns:1fr; }
.stg-calc-intro h1 { font-size:32px; }
}
@media(max-width:700px) {
.stg-calc { grid-template-columns:1fr; gap:30px; padding-top:26px; }
.stg-calc-intro h1 { font-size:30px; }
.stg-calc-aside { position:static; }
.stg-preset-grid { grid-template-columns:1fr; }
.stg-calc-sticky { display:flex; position:sticky; bottom:12px; z-index:20; }
.stg-calc-item { padding:10px 8px; }
.stg-stepper button { width:32px; }
.stg-calc .stg-stepper input { width:32px; }
.stg-calc-intro { padding-top:12px; }
}
.stg-calc .stg-calculator-grid { grid-template-columns:repeat(auto-fill,minmax(min(100%,275px),1fr)); }
.stg-preset-grid small { display:block; font-size:12px; font-weight:400; color:var(--stg-muted); margin-top:3px; }
.stg-calc-item label { min-width:0; }
.stg-stepper { flex-shrink:0; }
.stg-calc .stg-stepper input { width:30px; }
.stg-stepper button { width:30px; height:30px; }
.stg-calc .stg-calc-item label { font-size:14px; }
@media(max-width:700px) {
.stg-calc .stg-calculator-grid { grid-template-columns:1fr; }
.stg-stepper button { width:32px; height:40px; }
}

.stg-calc-result-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 18px;background:var(--stg-soft);border-bottom:1px solid var(--stg-line)}
.stg-calc-result-heading .stg-eyebrow{margin:0;color:var(--stg-muted2)}
.stg-calc-result-heading>span{font:500 13px var(--stg-mono);color:var(--stg-ink2)}
.stg-calc.has-estimate .stg-calc-recommend output{font-size:17px;font-weight:600}
.stg-calc-meters .stg-calc-catalog-price{font:600 13px/1.5 var(--stg-mono);color:var(--stg-ink2);margin-top:8px}
.stg-calc-inventory-status{font-size:12px;color:var(--stg-muted);padding:0 18px;margin:0 0 14px}
.stg-calc-meters meter{display:block;background:var(--stg-surface3);border-radius:999px;overflow:hidden}
.stg-calc-meters meter::-webkit-meter-bar{background:var(--stg-surface3);border:0;border-radius:999px}
.stg-calc-meters meter::-webkit-meter-optimum-value{background:var(--stg-accent)}
.stg-calc-meters meter::-moz-meter-bar{background:var(--stg-accent)}
.stg-calc-help{border:1.5px solid var(--stg-ink)}
@media(min-width:701px) and (max-width:900px){.stg-calc{grid-template-columns:minmax(0,1fr)}.stg-calc-aside{position:static}.stg-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.stg-stepper button{min-height:var(--stg-control-height);min-width:var(--stg-control-height)}.stg-calc-sticky:not([hidden]){bottom:max(12px,env(safe-area-inset-bottom))}}

.stg-calc-item.has-quantity{border:1.5px solid var(--stg-accent);background:var(--stg-tint)}
.stg-calc .has-quantity .stg-stepper input{font-weight:600;color:var(--stg-ink);background:transparent}
.stg-stepper button:disabled{border-color:var(--stg-line);color:var(--stg-muted3);cursor:default}
.stg-stepper button:not(:disabled):hover,.stg-preset-grid button:not([aria-pressed=true]):hover{border-color:var(--stg-ink)}
.stg-calc-section-title button{font-weight:600;text-decoration:underline;text-underline-offset:3px;min-height:44px}
.stg-calc-meters .is-over-capacity meter::-webkit-meter-optimum-value{background:var(--stg-line-strong)}
.stg-calc-meters .is-over-capacity meter::-moz-meter-bar{background:var(--stg-line-strong)}

.stg-calc-result{background:var(--stg-surface)}
.stg-calc.has-estimate .stg-calc-recommend{padding:18px}
.stg-calc-recommend output{display:flex;flex-direction:column;gap:4px;min-width:0}
.stg-calc-rec-label{font:400 10px var(--stg-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--stg-orange)}
.stg-calc-rec-title{font-size:23px;font-weight:700;letter-spacing:-.025em;line-height:1.1;color:var(--stg-ink)}
.stg-calc-rec-note{font-size:13px;font-weight:400;line-height:1.45;color:var(--stg-muted)}
.stg-calc-meters>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;padding:13px 0 0}
.stg-calc-meters strong{letter-spacing:-.015em}
.stg-calc-meters strong{grid-column:1/-1;grid-row:1}.stg-calc-meters meter{grid-column:1/-1;grid-row:2}
.stg-calc-meters [data-fill-note]{grid-column:1;grid-row:3}
.stg-calc-meters [data-catalog-price]{grid-column:2;grid-row:3;text-align:right}
.stg-calc-meters [data-fill-note],.stg-calc-meters [data-catalog-price]{margin:0}

/* Keep dimensions out of the narrow occupancy/price columns. */
.stg-calc-meters>div>small{grid-column:1/-1;grid-row:4;line-height:1.5}
@media(max-width:700px){
.stg-calc-meters [data-fill-note]{grid-column:1/-1}
.stg-calc-meters [data-catalog-price]{grid-column:1/-1;grid-row:5;text-align:left}
}