.calc-hero{background:linear-gradient(155deg, #1a1206 0%, var(--color-gold-deep) 40%, #1a1206 100%);padding:var(--space-6) var(--space-5) var(--space-6);text-align:center;position:relative;overflow:hidden}.calc-hero:after{content:"";pointer-events:none;background:radial-gradient(50% 80% at 50% 100%,#c4993e14 0%,#0000 60%);position:absolute;inset:0}.calc-hero-inner{flex-direction:column;align-items:center;gap:.6rem;max-width:640px;margin-inline:auto;display:flex}.calc-hero-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:var(--weight-extrabold);color:var(--color-gold-light);margin:0}.calc-hero-sub{color:#ffffff8c;margin:0;font-size:.95rem}.calc-live-badge{border-radius:var(--radius-pill);color:var(--color-gold-light);background:#ffffff0f;border:1px solid #c9a84c4d;align-items:center;gap:.5rem;padding:.35rem .9rem;font-size:.82rem;display:flex}.badge-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}#calc-spot-price{font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.calc-nav-tabs{-webkit-overflow-scrolling:touch;background:var(--color-surface-1);border-bottom:1px solid var(--color-border);scrollbar-width:none;gap:.15rem;padding-inline:.35rem;display:flex;position:relative;overflow-x:auto}.calc-nav-tabs:before,.calc-nav-tabs:after{content:"";pointer-events:none;z-index:1;flex:0 0 22px;width:22px;position:sticky;top:0}.calc-nav-tabs:before{background:linear-gradient(to right, var(--color-surface-1) 15%, #fff0);margin-right:-22px;left:0}.calc-nav-tabs:after{background:linear-gradient(to left, var(--color-surface-1) 15%, #fff0);margin-left:-22px;right:0}.calc-tab{font-size:.9rem;font-weight:var(--weight-semibold);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition);white-space:nowrap;background:0 0;border:none;border-bottom:2.5px solid #0000;flex-shrink:0;align-items:center;min-height:48px;padding:1rem 1.4rem;display:flex}.calc-tab:focus-visible{outline:2px solid var(--color-gold);outline-offset:-2px;color:var(--color-gold-dark);background:#c4993e17}.calc-panel{max-width:680px;margin:var(--space-6) auto;padding:0 var(--space-5)}.calc-panel[hidden]{display:none}.calc-panel.active{display:block}.calc-card{background:linear-gradient(180deg, var(--surface-primary) 0%, #fdfbf7 100%);border:1.25px solid var(--border-default);border-radius:var(--radius-card);padding:var(--space-6);box-shadow:var(--elev-2), 0 1px 3px #c4993e0d;transition:box-shadow .28s cubic-bezier(.25,.46,.45,.94),border-color .28s cubic-bezier(.25,.46,.45,.94)}.calc-card-title{font-size:var(--text-lg);font-weight:var(--weight-bold);margin-bottom:.4rem}.calc-card-desc{color:var(--color-text-muted);margin-bottom:var(--space-5);font-size:.85rem}.calc-form{margin-bottom:var(--space-5);flex-direction:column;gap:1.1rem;display:flex}.calc-field{flex-direction:column;gap:.35rem;display:flex}.calc-field label{font-size:.82rem;font-weight:var(--weight-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.calc-input-row{gap:var(--space-2);display:flex}.calc-input{background:var(--color-surface-2);border:1.25px solid var(--color-border);border-radius:var(--radius-sm);min-width:0;font-size:var(--text-base);color:var(--color-text);font-variant-numeric:tabular-nums;transition:all var(--transition);flex:1;min-height:44px;padding:.7rem .9rem;box-shadow:inset 0 1px 2px #00000005}.calc-input:focus{border-color:var(--color-gold);outline:none;box-shadow:0 0 0 3px #c4993e1a}.calc-input-full{width:100%}.calc-select{background:var(--color-surface-2);border:1.25px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:all var(--transition);flex-shrink:0;min-height:44px;padding:.7rem .85rem;font-size:.88rem;box-shadow:inset 0 1px 2px #00000005}.calc-select:focus{border-color:var(--color-gold);outline:none;box-shadow:0 0 0 3px #c4993e1a}.calc-select-full{width:100%}.calc-suffix{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);flex-shrink:0;align-items:center;padding:0 .75rem;font-size:.9rem;display:flex}.calc-field-hint{color:var(--color-text-muted);margin:0;font-size:.73rem}.calc-result{background:linear-gradient(135deg, var(--color-gold-bg,#fdf8ee) 0%, #fffbf0 100%);border:1px solid var(--color-gold);border-radius:var(--radius-md);margin-top:.5rem;padding:1.25rem;animation:.25s fadeIn;box-shadow:0 2px 8px #c4993e1a}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.calc-result[hidden]{display:none}.calc-result-main{flex-direction:column;gap:.2rem;margin-bottom:.8rem;display:flex}.calc-result-breakdown{border-top:1px solid var(--color-border);flex-direction:column;gap:.4rem;padding-top:.6rem;display:flex}.calc-result-row{color:var(--color-text-muted);justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.calc-result-row strong{color:var(--color-text);font-variant-numeric:tabular-nums}.calc-result-secondary{border-top:1px solid var(--color-border);flex-direction:column;gap:.4rem;padding-top:.6rem;display:flex}.calc-result-note{border-radius:var(--radius-sm);color:var(--color-gold-light);background:#f59e0b1a;border:1px solid #f59e0b4d;margin-top:.75rem;padding:.6rem .75rem;font-size:.82rem}.calc-zakat-nisab{border-radius:var(--radius-sm);background:#c9a84c14;border:1px solid #c9a84c40;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding:.6rem .9rem;font-size:.85rem;display:flex}.calc-zakat-nisab strong{color:var(--color-gold-light);font-variant-numeric:tabular-nums}.calc-convert-results{margin-top:1rem}.calc-convert-results[hidden]{display:none}.calc-convert-results h3{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.75rem;font-size:.88rem;font-weight:700}.conv-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.conv-row{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:.65rem .85rem;font-size:.88rem;display:flex}.conv-row-label{color:var(--color-text-muted);font-size:.8rem}.conv-row-value{font-variant-numeric:tabular-nums;color:var(--color-text);font-weight:700}.calc-disclaimer{color:var(--color-text-faint);border-top:1px solid var(--color-border-subtle);margin-top:1rem;padding-top:.75rem;font-size:.78rem;line-height:1.5}@media (width<=480px){.calc-card{padding:1.2rem}.conv-grid{grid-template-columns:1fr}}[dir=rtl] .calc-input-row,[dir=rtl] .calc-result-row,[dir=rtl] .conv-row,[dir=rtl] .calc-zakat-nisab{flex-direction:row-reverse}.calc-input-group{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:.9rem 1rem;transition:border-color .15s}.calc-input-group:focus-within{border-color:var(--color-gold);box-shadow:0 0 0 3px var(--color-gold-glow)}.calc-help-text{color:var(--color-text-faint);margin-top:.35rem;font-size:.78rem;line-height:1.4}.calc-copy-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;font-size:.8rem;font-family:var(--font-main);background:0 0;padding:.3rem .75rem;transition:all .15s}.calc-copy-btn:hover{border-color:var(--color-gold);color:var(--color-gold-dark)}.calc-copy-btn.copied{background:var(--color-up-bg);border-color:var(--color-up);color:var(--color-up)}@media (width<=768px){.calc-tab{padding:.55rem .85rem;font-size:.8rem}.calc-section{padding:1.25rem}.calc-result-value{font-size:1.6rem}}@media (width<=640px){.calc-tab-bar{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.calc-tab{white-space:nowrap;flex-shrink:0}}@media (width<=380px){.calc-tab{padding:.45rem .6rem;font-size:.75rem}.calc-section{padding:1rem}}.calc-hero-badges{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.75rem;display:flex}.calc-live-badge--aed{color:var(--color-gold-dark,#8a6420);background:#c4993e24;border-color:#c4993e52;font-weight:700}.calc-related{border-top:1px solid var(--color-border,#e8e2d0);padding:2rem 1.5rem}.calc-related-inner{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:900px;margin-inline:auto;display:grid}.calc-related-card{border-radius:var(--radius-lg,18px);border:1px solid var(--color-border,#e8e2d0);background:var(--color-surface,#fff);color:inherit;align-items:flex-start;gap:.85rem;padding:1rem 1.1rem;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.calc-related-card:hover{border-color:var(--color-gold,#c4993e);transform:translateY(-2px);box-shadow:0 4px 16px #c4993e1f}.calc-related-icon{flex-shrink:0;margin-top:.1rem;font-size:1.5rem;line-height:1}.calc-related-title{color:var(--color-text,#1a1612);margin-bottom:.2rem;font-size:.95rem;font-weight:700}.calc-related-desc{color:var(--color-text-muted,#6b5f4e);font-size:.84rem;line-height:1.45}@media (width<=640px){.calc-related-inner{grid-template-columns:1fr}}.calc-presets{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:1.25rem;display:flex}.calc-presets-label{color:var(--color-text-muted,#6b5f4e);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;margin-right:.25rem;font-size:.74rem;font-weight:700}.calc-preset-chip{background:var(--color-surface-2,#f9f6f0);border:1.25px solid var(--color-border,#e8e2d0);border-radius:var(--radius-pill,999px);color:var(--color-text-muted,#6b5f4e);cursor:pointer;white-space:nowrap;min-height:32px;padding:.28rem .75rem;font-family:inherit;font-size:.8rem;font-weight:600;transition:background .15s,border-color .15s,color .15s,transform .1s}.calc-preset-chip:hover{background:var(--color-gold-tint,#faf4e2);border-color:var(--color-gold,#c4993e);color:var(--color-gold-dark,#8a6420)}.calc-preset-chip:active{transform:scale(.95)}.calc-preset-chip.is-active{background:var(--color-gold-bg,#fdf8ee);border-color:var(--color-gold,#c4993e);color:var(--color-gold-deep,#5e4210);font-weight:700}.calc-result{border-top:1.5px solid var(--color-border,#e8e2d0);margin-top:1.25rem;padding-top:1.25rem}.calc-result-main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.calc-result-label{color:var(--color-text-muted,#6b5f4e);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:700}.calc-result-value{color:var(--color-gold-deep,#5e4210);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:800;line-height:1.1}.calc-copy-btn{border:1.5px solid var(--color-border,#e8e2d0);border-radius:var(--radius-pill,999px);color:var(--color-text-muted,#6b5f4e);font-size:.78rem;font-weight:700;font-family:var(--font-main);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:.3rem;padding:.45rem 1rem;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.calc-copy-btn:hover{border-color:var(--color-gold,#c4993e);color:var(--color-gold-dark,#8a6420);background:var(--color-gold-tint,#faf4e2)}.calc-copy-btn.copied{border-color:var(--color-live,#1a7a32);color:var(--color-live,#1a7a32);background:var(--color-live-bg,#1a7a3217)}.calc-result-breakdown{background:var(--color-surface-2,#f9f6f0);border-radius:var(--radius-sm,8px);border:1px solid var(--color-border-subtle,#ede8da);flex-direction:column;gap:.45rem;padding:.75rem .9rem;font-size:.85rem;display:flex}.calc-result-secondary{background:var(--color-surface-2,#f9f6f0);border-radius:var(--radius-sm,8px);border:1px solid var(--color-border-subtle,#ede8da);padding:.75rem .9rem;font-size:.85rem}.calc-result-row{justify-content:space-between;align-items:center;gap:.5rem;padding:.2rem 0;display:flex}.calc-result-note{border-radius:var(--radius-sm,8px);color:var(--color-live,#1a7a32);background:#1a7a3212;border:1px solid #1a7a3233;align-items:flex-start;gap:.4rem;margin-top:.5rem;padding:.65rem .85rem;font-size:.82rem;display:flex}.calc-nav-tabs{scrollbar-width:none;border-bottom:2px solid var(--color-border,#e8e2d0);gap:0;margin-bottom:0;display:flex;overflow-x:auto}.calc-nav-tabs::-webkit-scrollbar{display:none}.calc-tab{font-family:var(--font-main);color:var(--color-text-muted,#6b5f4e);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;min-height:48px;margin-bottom:-2px;padding:.75rem 1.25rem;font-size:.88rem;font-weight:600;transition:color .2s,background .2s;position:relative}.calc-tab:hover{color:var(--color-gold-dark,#8a6420);background:var(--color-gold-tint,#faf4e2)}.calc-tab.active{color:var(--color-gold-deep,#5e4210);border-bottom-color:var(--color-gold,#c4993e);font-weight:700}@media (width<=560px){.calc-tab{padding:.65rem .9rem;font-size:.82rem}.calc-result-value{font-size:1.5rem}}