*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}input,button,select,textarea{font-family:inherit}:root{--color-primary: #1a7a6d;--color-primary-light: #e6f5f2;--color-primary-dark: #135e54;--color-gold-accent: #d4a843;--color-gold-accent-light: #faf3e0;--color-bg: #fafafa;--color-surface: #ffffff;--color-text: #1a1a1a;--color-text-secondary: #555555;--color-border: #e0e0e0;--color-error: #c0392b;--color-cached: #e67e22;--radius: 8px;--shadow: 0 2px 8px rgba(0, 0, 0, .06);--font-ar: "Cairo", "Noto Sans Arabic", sans-serif;--font-en: "Inter", "Roboto", sans-serif}html{font-size:16px;-webkit-text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100dvh}[lang=ar] body{font-family:var(--font-ar)}[lang=en] body{font-family:var(--font-en)}.container{max-width:520px;margin:0 auto;padding:.5rem .85rem 1.25rem}h1{font-size:1.1rem;font-weight:700;text-align:center;margin-bottom:.5rem;color:var(--color-text);line-height:1.35}.lang-switch{text-align:end;margin-bottom:.35rem}.lang-switch a{font-size:.85rem;color:var(--color-primary);text-decoration:none;font-weight:500;padding:.25rem .6rem;border:1px solid var(--color-primary);border-radius:6px;transition:background .15s,color .15s}.lang-switch a:hover{background:var(--color-primary);color:#fff}.price-hint{font-size:.7rem;line-height:1.3;margin-top:.15rem;min-height:0}.price-hint:empty{display:none}.price-hint-success{color:var(--color-primary)}.price-hint-warning{color:#b8860b}.price-loading{background:linear-gradient(90deg,#f5f5f5 25%,#e8e8e8,#f5f5f5 75%)!important;background-size:200% 100%!important;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.form-group{margin-bottom:.5rem}.form-group label{display:block;font-size:.8rem;font-weight:600;margin-bottom:.15rem;color:var(--color-text-secondary)}.form-group input[type=number]{width:100%;padding:.4rem .65rem;font-size:.9rem;border:1.5px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);outline:none;transition:border-color .15s;-moz-appearance:textfield;appearance:textfield}.form-group input[type=number]::-webkit-inner-spin-button,.form-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-group input[type=number]::placeholder{color:#bbb;opacity:1}.form-group input[type=number]:focus{border-color:var(--color-primary)}.form-group input[readonly]{background:#f5f5f5;color:var(--color-text-secondary)}.input-with-actions,.input-with-currency{display:flex;align-items:center;gap:.35rem}.input-with-actions input,.input-with-currency input{flex:1}.currency-label{font-size:.8rem;font-weight:600;color:var(--color-text-secondary);white-space:nowrap}.karat-buttons{display:flex;gap:.4rem}.karat-btn{flex:1;padding:.35rem;font-size:.875rem;font-weight:600;border:1.5px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:all .15s}.karat-btn:hover{border-color:var(--color-primary)}.karat-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-action{padding:.3rem .6rem;font-size:.75rem;font-weight:600;border:1px solid var(--color-primary);border-radius:6px;background:transparent;color:var(--color-primary);cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.btn-action:hover{background:var(--color-primary);color:#fff}.btn-reset{border-color:var(--color-cached);color:var(--color-cached)}.btn-reset:hover{background:var(--color-cached);color:#fff}.hidden{display:none!important}.results{margin-top:.75rem;background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.result-total{padding:.65rem .85rem;background:var(--color-primary);color:#fff;text-align:center}.result-total .result-label{display:block;font-size:.8rem;font-weight:500;margin-bottom:.15rem;opacity:.9}.result-total .result-value{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.result-total .result-value small{font-size:.9rem;font-weight:500;opacity:.85}.result-summary{padding:.5rem .85rem;border-bottom:1px solid var(--color-border)}.result-row{display:flex;justify-content:space-between;align-items:center;padding:.2rem 0;font-size:.85rem}.result-row span:last-child{font-weight:600;font-variant-numeric:tabular-nums}.result-row-total{padding-top:.5rem;margin-top:.35rem;border-top:1px solid var(--color-border);font-weight:700;font-size:1rem}.result-details{border-top:1px solid var(--color-border)}.result-details summary{padding:.5rem .85rem;font-size:.8rem;font-weight:600;color:var(--color-primary);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}.result-details summary:after{content:"▼";font-size:.65rem;transition:transform .2s}.result-details[open] summary:after{content:"▲";transform:none}.result-details summary::-webkit-details-marker{display:none}.details-content{padding:0 1rem .75rem}.sticky-total{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1rem;background:var(--color-primary);color:#fff;font-weight:700;font-size:1rem;box-shadow:0 -2px 8px #0000001f;z-index:100;will-change:transform;transform:translateY(0)}.sticky-total-label{font-size:.85rem;font-weight:500;opacity:.9}.sticky-total-value{font-size:1.1rem;font-variant-numeric:tabular-nums}@media(min-width:600px){.container{padding:1.5rem 1.5rem 2rem}h1{font-size:1.35rem}.form-group{margin-bottom:.75rem}.form-group label{font-size:.85rem;margin-bottom:.25rem}.form-group input[type=number]{padding:.6rem .85rem;font-size:1rem}.karat-btn{padding:.55rem;font-size:.95rem}.result-total{padding:1rem}.result-total .result-value{font-size:2rem}}@media(min-width:900px){.container{max-width:560px}}