/* ===== Calculators - Tabreed wa Takyeef ===== */
.tt-calc { display:grid; grid-template-columns:1fr 1fr; gap:32px; max-width:1000px; margin:0 auto; background:#fff; border:1px solid var(--line); border-radius:var(--r-8); padding:32px; }
.tt-calc .calc-form .field { margin-bottom:20px; }
.tt-calc .calc-form label { display:block; font-weight:700; margin-bottom:6px; font-size:14px; color:var(--ink); }
.tt-calc .calc-form input, .tt-calc .calc-form select { width:100%; padding:11px 14px; border:1px solid var(--line); border-radius:var(--r-4); font-size:15px; outline:none; background:#fff; color:var(--ink); transition:border-color .2s; }
.tt-calc .calc-form input:focus, .tt-calc .calc-form select:focus { border-color:var(--blue); }
.tt-calc .calc-form .hint { font-size:12px; color:var(--ink-4); margin-top:4px; }
.calc-btn { width:100%; background:var(--blue); color:white; padding:14px; border:none; border-radius:var(--r-4); font-size:16px; font-weight:700; cursor:pointer; transition:background .2s, transform .15s; }
.calc-btn:hover { background:var(--blue-dark); }
.calc-btn:active { transform:translateY(1px); }
.result-panel { background:var(--paper-3); border:1px solid var(--line); border-radius:var(--r-8); padding:32px; text-align:center; align-self:start; }
.result-panel.has-result { background:linear-gradient(145deg,var(--blue) 0%,#0b4bc4 100%); color:white; border:none; }
.result-big { font-size:56px; font-weight:900; letter-spacing:-1px; margin:16px 0 8px; }
.result-unit { font-size:16px; opacity:.85; }
.result-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:24px; text-align:center; }
.result-card { background:rgba(255,255,255,.12); border-radius:var(--r-8); padding:16px; }
.result-card__val { font-size:28px; font-weight:900; }
.result-card__label { font-size:13px; opacity:.8; }
.result-rec { margin-top:20px; padding:16px; background:rgba(255,255,255,.1); border-radius:var(--r-8); text-align:right; font-size:14px; line-height:1.7; }
@media (max-width:820px){ .tt-calc { grid-template-columns:1fr; padding:24px; } }