Gold Price in Oman Today (OMR) – Live Rates<\/title>\n \n \n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n \n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;700&family=Playfair+Display:wght@600&display=swap\" rel=\"stylesheet\">\n\n <style>\n :root {\n \/* Color Palette - Light Mode *\/\n --gold-primary: #C5A028; \/* Slightly darker gold for better contrast on white *\/\n --gold-light: #F4E088;\n --gold-dark: #8A7018;\n \n --bg-body: #F4F6F8; \/* Light Grey Background *\/\n --bg-card: #FFFFFF; \/* White Cards *\/\n \n --text-main: #333333; \/* Dark Grey Text *\/\n --text-muted: #666666; \/* Medium Grey Text *\/\n \n --border-color: #E0E0E0;\n --input-bg: #FFFFFF;\n \n --success: #2E7D32;\n --danger: #D32F2F;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n body {\n font-family: 'Roboto', sans-serif;\n background-color: var(--bg-body);\n color: var(--text-main);\n line-height: 1.6;\n }\n\n \/* Header *\/\n header {\n background: #FFFFFF;\n padding: 20px 0;\n border-bottom: 3px solid var(--gold-primary);\n text-align: center;\n box-shadow: 0 2px 10px rgba(0,0,0,0.05);\n }\n\n h1 {\n font-family: 'Playfair Display', serif;\n color: var(--gold-primary);\n font-size: 2.5rem;\n margin-bottom: 5px;\n }\n\n .subtitle { color: var(--text-muted); font-size: 0.9rem; }\n\n \/* Container *\/\n .container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 20px;\n }\n\n \/* Live Ticker *\/\n .ticker-wrap {\n background: var(--bg-card);\n padding: 10px;\n margin-bottom: 20px;\n border-radius: 8px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n border: 1px solid var(--border-color);\n box-shadow: 0 2px 4px rgba(0,0,0,0.02);\n }\n .status-dot {\n height: 10px; width: 10px; background-color: var(--success);\n border-radius: 50%; display: inline-block; margin-right: 5px;\n animation: pulse 2s infinite;\n }\n\n \/* Main Grid *\/\n .grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 20px;\n }\n\n @media(min-width: 768px) {\n .grid { grid-template-columns: 2fr 1fr; }\n }\n\n \/* Hero Grid for 24k and 22k *\/\n .hero-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 20px;\n margin-bottom: 20px;\n }\n @media(min-width: 480px) {\n .hero-grid { grid-template-columns: 1fr 1fr; }\n }\n\n \/* Cards *\/\n .card {\n background-color: var(--bg-card);\n border-radius: 12px;\n padding: 20px;\n box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n border: 1px solid var(--border-color);\n margin-bottom: 20px;\n }\n \n .hero-card {\n margin-bottom: 0;\n display: flex;\n flex-direction: column;\n justify-content: center;\n border-top: 4px solid var(--gold-primary); \/* Accent line *\/\n }\n\n .card-header {\n border-bottom: 1px solid var(--border-color);\n padding-bottom: 10px;\n margin-bottom: 15px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .card-title { color: var(--text-main); font-weight: bold; font-size: 1.2rem; }\n\n \/* Main Price Display *\/\n .big-price {\n text-align: center;\n padding: 10px 0;\n }\n .price-value {\n font-size: 3rem;\n font-weight: 700;\n color: var(--gold-primary);\n line-height: 1.2;\n }\n .price-unit { font-size: 1rem; color: var(--text-muted); }\n .trend { color: var(--success); font-weight: bold; display: flex; align-items: center; justify-content: center; gap: 5px; background: rgba(76, 175, 80, 0.1); padding: 2px 8px; border-radius: 4px; font-size: 0.9rem;}\n\n \/* Tables *\/\n table { width: 100%; border-collapse: collapse; }\n th, td { padding: 12px; text-align: left; border-bottom: 1px solid var(--border-color); }\n th { color: var(--text-muted); text-transform: uppercase; font-size: 0.85rem; font-weight: 600; background-color: #FAFAFA; }\n tr:last-child td { border-bottom: none; }\n tr:hover { background-color: #F9F9F9; }\n .highlight { color: var(--gold-primary); font-weight: bold; }\n\n \/* Calculator *\/\n .form-group { margin-bottom: 15px; }\n label { display: block; margin-bottom: 5px; color: var(--text-muted); font-weight: 500; }\n input, select {\n width: 100%; padding: 10px; \n background: var(--input-bg); \n border: 1px solid #CCC;\n color: var(--text-main); border-radius: 4px; font-size: 1rem;\n }\n input:focus, select:focus { border-color: var(--gold-primary); outline: none; box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.2); }\n .calc-result {\n background: #FFF9E6; \/* Very light gold bg *\/\n border: 1px solid var(--gold-light);\n padding: 15px;\n border-radius: 4px;\n text-align: center;\n margin-top: 15px;\n }\n .calc-total { font-size: 1.5rem; color: var(--gold-dark); font-weight: bold; }\n\n \/* Footer *\/\n footer {\n background-color: #FFFFFF;\n text-align: center; padding: 30px; color: var(--text-muted); font-size: 0.8rem;\n border-top: 1px solid var(--border-color); margin-top: 40px;\n }\n \n footer a {\n color: var(--gold-primary);\n text-decoration: none;\n transition: color 0.3s ease;\n }\n \n footer a:hover {\n color: var(--gold-dark);\n text-decoration: underline;\n }\n\n @keyframes pulse {\n 0% { box-shadow: 0 0 0 0 rgba(76, 175, 80, 0.4); }\n 70% { box-shadow: 0 0 0 10px rgba(76, 175, 80, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(76, 175, 80, 0); }\n }\n <\/style>\n<\/head>\n<body>\n\n<header>\n <div class=\"container\">\n <h1>Gold Price in Oman<\/h1>\n <div class=\"subtitle\">Live Rates in Omani Rial (OMR) | Updated: <span id=\"lastUpdated\">Loading…<\/span><\/div>\n <\/div>\n<\/header>\n\n<div class=\"container\">\n \n \n <div class=\"ticker-wrap\">\n <div><span class=\"status-dot\"><\/span> Market Status: <strong>\u0645\u0641\u062a\u0648\u062d<\/strong><\/div>\n <div style=\"color: var(--text-muted);\">Currency: <strong>OMR (\ufdfc)<\/strong><\/div>\n <\/div>\n\n <div class=\"grid\">\n \n <div class=\"main-content\">\n \n \n <div class=\"hero-grid\">\n \n <div class=\"card hero-card\">\n <div class=\"card-header\">\n <span class=\"card-title\">24K Gold Rate<\/span>\n <span class=\"trend\">\u25b2 +0.65%<\/span>\n <\/div>\n <div class=\"big-price\">\n <div class=\"price-value\" id=\"price24k\">63.95<\/div>\n <div class=\"price-unit\">OMR per Gram<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"card hero-card\">\n <div class=\"card-header\">\n <span class=\"card-title\">22K Gold Rate<\/span>\n <span class=\"trend\">\u25b2 +0.60%<\/span>\n <\/div>\n <div class=\"big-price\">\n \n <div class=\"price-value\" id=\"price22k\" style=\"color: #DAA520;\">59.70<\/div>\n <div class=\"price-unit\">OMR per Gram<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"card-header\"><span class=\"card-title\">Gold Rate Per Gram (OMR)<\/span><\/div>\n <table>\n <thead>\n <tr>\n <th>Carat<\/th>\n <th>Purity<\/th>\n <th>Price (OMR)<\/th>\n <th>Trend<\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"ratesTable\">\n <tr>\n <td><span class=\"highlight\">24K<\/span><\/td>\n <td>99.9%<\/td>\n <td id=\"table24\">63.95<\/td>\n <td style=\"color:var(--success)\">\u25b2<\/td>\n <\/tr>\n <tr>\n <td><span class=\"highlight\">22K<\/span><\/td>\n <td>91.6%<\/td>\n <td id=\"table22\">59.70<\/td>\n <td style=\"color:var(--success)\">\u25b2<\/td>\n <\/tr>\n <tr>\n <td><span class=\"highlight\">21K<\/span><\/td>\n <td>87.5%<\/td>\n <td id=\"table21\">56.99<\/td>\n <td style=\"color:var(--success)\">\u25b2<\/td>\n <\/tr>\n <tr>\n <td><span class=\"highlight\">18K<\/span><\/td>\n <td>75.0%<\/td>\n <td id=\"table18\">48.85<\/td>\n <td style=\"color:var(--text-muted)\">–<\/td>\n <\/tr>\n <tr>\n <td><span class=\"highlight\">14K<\/span><\/td>\n <td>58.3%<\/td>\n <td id=\"table14\">37.80<\/td>\n <td style=\"color:var(--danger)\">\u25bc<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"card-header\"><span class=\"card-title\">Price History (Last 7 Days)<\/span><\/div>\n <canvas id=\"goldChart\" height=\"150\"><\/canvas>\n <\/div>\n <\/div>\n\n \n <div class=\"sidebar\">\n \n \n <div class=\"card\" style=\"border-top: 4px solid var(--gold-primary);\">\n <div class=\"card-header\"><span class=\"card-title\">Gold Calculator<\/span><\/div>\n <div class=\"form-group\">\n <label>Weight (Grams)<\/label>\n <input type=\"number\" id=\"calcWeight\" value=\"10\" min=\"1\">\n <\/div>\n <div class=\"form-group\">\n <label>Karat<\/label>\n <select id=\"calcKarat\">\n <option value=\"24\">24K (99.9%)<\/option>\n <option value=\"22\" selected>22K (91.6%)<\/option>\n <option value=\"21\">21K (87.5%)<\/option>\n <option value=\"18\">18K (75.0%)<\/option>\n <\/select>\n <\/div>\n <button onclick=\"calculatePrice()\" style=\"width:100%; padding:12px; background:var(--gold-primary); color:white; border:none; border-radius:4px; font-weight:bold; cursor:pointer; transition: background 0.2s;\">Calculate Value<\/button>\n \n <div class=\"calc-result\" id=\"calcResultBox\" style=\"display:none;\">\n <div>Estimated Value:<\/div>\n <div class=\"calc-total\" id=\"calcTotal\">0.00 OMR<\/div>\n <small style=\"color:#888;\">*Excludes workmanship fees<\/small>\n <\/div>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"card-header\"><span class=\"card-title\">Ounce & Tola Rates<\/span><\/div>\n <table>\n <thead>\n <tr>\n <th>Unit<\/th>\n <th>24K Price<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>1 Ounce (oz)<\/td>\n <td id=\"priceOunce\">1,989.07<\/td>\n <\/tr>\n <tr>\n <td>1 Tola (11.66g)<\/td>\n <td id=\"priceTola\">745.90<\/td>\n <\/tr>\n <tr>\n <td>1 Kg Bar<\/td>\n <td id=\"priceKg\">63,950.00<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"card-header\"><span class=\"card-title\">About Gold in Oman<\/span><\/div>\n <p style=\"font-size: 0.9rem; color: var(--text-muted);\">\n Gold prices in Oman are influenced by global market trends. The <strong>22K<\/strong> purity is the most popular for jewelry in Muscat, while investors prefer <strong>24K<\/strong> bars or coins. Rates are updated daily.\n <\/p>\n <\/div>\n\n <\/div>\n <\/div>\n<\/div>\n\n<footer>\n \n <p>Data provided for informational purposes only. Rates may vary by jeweler.<\/p>\n <p>Data Source: <a href=\"https:\/\/goldpricez.com\" target=\"_blank\" rel=\"noopener\">GoldPriceZ.com<\/a><\/p>\n<\/footer>\n\n\n<script type=\"application\/ld+json\">{\n \"@context\": \"https:\\\/\\\/schema.org\",\n \"@type\": \"FinancialProduct\",\n \"name\": \"Gold Price in Oman\",\n \"currency\": \"OMR\",\n \"price\": \"63.95\",\n \"priceCurrency\": \"OMR\",\n \"areaServed\": \"Oman\"\n}<\/script>\n\n<script>\n \/\/ 1. CONFIGURATION\n \/\/ ---------------------------------------------------------\n const USE_LIVE_API = false; \n const API_ENDPOINT = 'get_gold_rates.php'; \/\/ You need to create this file\n \n \/\/ 2. DEFAULT DATA (Fallback\/Initial State)\n \/\/ ---------------------------------------------------------\n let currentRates = {\n k24: 63.95,\n k22: 59.70,\n k21: 56.99,\n k18: 48.85,\n k14: 37.80\n };\n\n \/\/ 3. INITIALIZATION\n \/\/ ---------------------------------------------------------\n document.addEventListener('DOMContentLoaded', () => {\n updateDate();\n renderChart();\n calculatePrice(); \/\/ Run calc once on load\n \n if(USE_LIVE_API) {\n fetchLiveRates();\n }\n });\n\n function updateDate() {\n const now = new Date();\n const options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric', hour: '2-digit', minute:'2-digit' };\n document.getElementById('lastUpdated').textContent = now.toLocaleDateString('en-US', options);\n }\n\n \/\/ 4. CALCULATOR LOGIC\n \/\/ ---------------------------------------------------------\n function calculatePrice() {\n const weight = parseFloat(document.getElementById('calcWeight').value) || 0;\n const karat = document.getElementById('calcKarat').value;\n \n let rate = 0;\n if(karat === '24') rate = currentRates.k24;\n if(karat === '22') rate = currentRates.k22;\n if(karat === '21') rate = currentRates.k21;\n if(karat === '18') rate = currentRates.k18;\n\n const total = weight * rate;\n \n document.getElementById('calcResultBox').style.display = 'block';\n document.getElementById('calcTotal').textContent = total.toFixed(3) + ' OMR';\n }\n\n \/\/ 5. CHART RENDERING\n \/\/ ---------------------------------------------------------\n function renderChart() {\n const ctx = document.getElementById('goldChart').getContext('2d');\n \n \/\/ Mock historical data (Last 7 days)\n const labels = ['Day 1', 'Day 2', 'Day 3', 'Day 4', 'Day 5', 'Day 6', 'Today'];\n const dataPoints = [62.80, 62.95, 63.55, 64.15, 64.00, 64.65, 63.95]; \/\/ Fluctuating prices\n\n new Chart(ctx, {\n type: 'line',\n data: {\n labels: labels,\n datasets: [{\n label: '24K Price (OMR)',\n data: dataPoints,\n borderColor: '#C5A028',\n backgroundColor: 'rgba(197, 160, 40, 0.1)',\n borderWidth: 2,\n fill: true,\n tension: 0.4\n }]\n },\n options: {\n responsive: true,\n plugins: {\n legend: { display: false }\n },\n scales: {\n y: {\n beginAtZero: false,\n grid: { color: '#E0E0E0' }, \/* Light grid lines *\/\n ticks: { color: '#666' }\n },\n x: {\n grid: { display: false },\n ticks: { color: '#666' }\n }\n }\n }\n });\n }\n\n \/\/ 6. LIVE API FETCH (Optional Future Integration)\n \/\/ ---------------------------------------------------------\n async function fetchLiveRates() {\n try {\n const response = await fetch(API_ENDPOINT);\n const data = await response.json();\n \n if(data) {\n \/\/ Update Global Variables\n currentRates.k24 = parseFloat(data['24karat_rate']);\n currentRates.k22 = parseFloat(data['22karat_rate']);\n currentRates.k21 = parseFloat(data['21karat_rate']);\n currentRates.k18 = parseFloat(data['18karat_rate']);\n \n \/\/ Update UI\n document.getElementById('price24k').textContent = currentRates.k24.toFixed(2);\n document.getElementById('price22k').textContent = currentRates.k22.toFixed(2); \n document.getElementById('table24').textContent = currentRates.k24.toFixed(2);\n document.getElementById('table22').textContent = currentRates.k22.toFixed(2);\n document.getElementById('table21').textContent = currentRates.k21.toFixed(2);\n document.getElementById('table18').textContent = currentRates.k18.toFixed(2);\n \n \/\/ Recalculate Ounce\/Kg based on new 24k rate\n document.getElementById('priceOunce').textContent = (currentRates.k24 * 31.1035).toLocaleString(undefined, {minimumFractionDigits: 2, maximumFractionDigits: 2});\n document.getElementById('priceTola').textContent = (currentRates.k24 * 11.66).toLocaleString(undefined, {minimumFractionDigits: 2, maximumFractionDigits: 2});\n document.getElementById('priceKg').textContent = (currentRates.k24 * 1000).toLocaleString(undefined, {minimumFractionDigits: 2, maximumFractionDigits: 2});\n\n \/\/ Flash effect to show update (Colors adjusted for light mode)\n document.querySelectorAll('.price-value').forEach(el => {\n el.style.color = '#333';\n setTimeout(() => {\n if(el.id === 'price22k') el.style.color = '#DAA520';\n else el.style.color = '#C5A028';\n }, 500);\n });\n }\n } catch (error) {\n console.log(\"Using static data fallback\");\n }\n }\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Gold Price in Oman Today (OMR) – Live Rates Gold Price in Oman Live Rates in Omani Rial (OMR) | … <\/p>\n<p class=\"read-more-container\"><a title=\"Gold Price in Oman Today (Live update in OMR )\" class=\"read-more button\" href=\"https:\/\/opaui.com\/ar\/gold-price-in-oman-today-live-update-in-omr\/#more-3841\" aria-label=\"Read more about Gold Price in Oman Today (Live update in OMR )\">\u0627\u0642\u0631\u0623 \u0627\u0644\u0645\u0632\u064a\u062f<\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3841","page","type-page","status-publish"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/opaui.com\/ar\/wp-json\/wp\/v2\/pages\/3841","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/opaui.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/opaui.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/opaui.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/opaui.com\/ar\/wp-json\/wp\/v2\/comments?post=3841"}],"version-history":[{"count":3,"href":"https:\/\/opaui.com\/ar\/wp-json\/wp\/v2\/pages\/3841\/revisions"}],"predecessor-version":[{"id":3845,"href":"https:\/\/opaui.com\/ar\/wp-json\/wp\/v2\/pages\/3841\/revisions\/3845"}],"wp:attachment":[{"href":"https:\/\/opaui.com\/ar\/wp-json\/wp\/v2\/media?parent=3841"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":3841,"date":"2026-02-14T22:06:40","date_gmt":"2026-02-14T19:06:40","guid":{"rendered":"https:\/\/opaui.com\/?page_id=3841"},"modified":"2026-02-14T22:10:50","modified_gmt":"2026-02-14T19:10:50","slug":"gold-price-in-oman-today-live-update-in-omr","status":"publish","type":"page","link":"https:\/\/opaui.com\/ar\/gold-price-in-oman-today-live-update-in-omr\/","title":{"rendered":"Gold Price in Oman Today (Live update in OMR )"},"content":{"rendered":"\n\n\n \n \n \n \n Gold Price in Oman Today (OMR) – Live Rates<\/title>\n \n \n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n \n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;700&family=Playfair+Display:wght@600&display=swap\" rel=\"stylesheet\">\n\n <style>\n :root {\n \/* Color Palette - Light Mode *\/\n --gold-primary: #C5A028; \/* Slightly darker gold for better contrast on white *\/\n --gold-light: #F4E088;\n --gold-dark: #8A7018;\n \n --bg-body: #F4F6F8; \/* Light Grey Background *\/\n --bg-card: #FFFFFF; \/* White Cards *\/\n \n --text-main: #333333; \/* Dark Grey Text *\/\n --text-muted: #666666; \/* Medium Grey Text *\/\n \n --border-color: #E0E0E0;\n --input-bg: #FFFFFF;\n \n --success: #2E7D32;\n --danger: #D32F2F;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n body {\n font-family: 'Roboto', sans-serif;\n background-color: var(--bg-body);\n color: var(--text-main);\n line-height: 1.6;\n }\n\n \/* Header *\/\n header {\n background: #FFFFFF;\n padding: 20px 0;\n border-bottom: 3px solid var(--gold-primary);\n text-align: center;\n box-shadow: 0 2px 10px rgba(0,0,0,0.05);\n }\n\n h1 {\n font-family: 'Playfair Display', serif;\n color: var(--gold-primary);\n font-size: 2.5rem;\n margin-bottom: 5px;\n }\n\n .subtitle { color: var(--text-muted); font-size: 0.9rem; }\n\n \/* Container *\/\n .container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 20px;\n }\n\n \/* Live Ticker *\/\n .ticker-wrap {\n background: var(--bg-card);\n padding: 10px;\n margin-bottom: 20px;\n border-radius: 8px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n border: 1px solid var(--border-color);\n box-shadow: 0 2px 4px rgba(0,0,0,0.02);\n }\n .status-dot {\n height: 10px; width: 10px; background-color: var(--success);\n border-radius: 50%; display: inline-block; margin-right: 5px;\n animation: pulse 2s infinite;\n }\n\n \/* Main Grid *\/\n .grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 20px;\n }\n\n @media(min-width: 768px) {\n .grid { grid-template-columns: 2fr 1fr; }\n }\n\n \/* Hero Grid for 24k and 22k *\/\n .hero-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 20px;\n margin-bottom: 20px;\n }\n @media(min-width: 480px) {\n .hero-grid { grid-template-columns: 1fr 1fr; }\n }\n\n \/* Cards *\/\n .card {\n background-color: var(--bg-card);\n border-radius: 12px;\n padding: 20px;\n box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n border: 1px solid var(--border-color);\n margin-bottom: 20px;\n }\n \n .hero-card {\n margin-bottom: 0;\n display: flex;\n flex-direction: column;\n justify-content: center;\n border-top: 4px solid var(--gold-primary); \/* Accent line *\/\n }\n\n .card-header {\n border-bottom: 1px solid var(--border-color);\n padding-bottom: 10px;\n margin-bottom: 15px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .card-title { color: var(--text-main); font-weight: bold; font-size: 1.2rem; }\n\n \/* Main Price Display *\/\n .big-price {\n text-align: center;\n padding: 10px 0;\n }\n .price-value {\n font-size: 3rem;\n font-weight: 700;\n color: var(--gold-primary);\n line-height: 1.2;\n }\n .price-unit { font-size: 1rem; color: var(--text-muted); }\n .trend { color: var(--success); font-weight: bold; display: flex; align-items: center; justify-content: center; gap: 5px; background: rgba(76, 175, 80, 0.1); padding: 2px 8px; border-radius: 4px; font-size: 0.9rem;}\n\n \/* Tables *\/\n table { width: 100%; border-collapse: collapse; }\n th, td { padding: 12px; text-align: left; border-bottom: 1px solid var(--border-color); }\n th { color: var(--text-muted); text-transform: uppercase; font-size: 0.85rem; font-weight: 600; background-color: #FAFAFA; }\n tr:last-child td { border-bottom: none; }\n tr:hover { background-color: #F9F9F9; }\n .highlight { color: var(--gold-primary); font-weight: bold; }\n\n \/* Calculator *\/\n .form-group { margin-bottom: 15px; }\n label { display: block; margin-bottom: 5px; color: var(--text-muted); font-weight: 500; }\n input, select {\n width: 100%; padding: 10px; \n background: var(--input-bg); \n border: 1px solid #CCC;\n color: var(--text-main); border-radius: 4px; font-size: 1rem;\n }\n input:focus, select:focus { border-color: var(--gold-primary); outline: none; box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.2); }\n .calc-result {\n background: #FFF9E6; \/* Very light gold bg *\/\n border: 1px solid var(--gold-light);\n padding: 15px;\n border-radius: 4px;\n text-align: center;\n margin-top: 15px;\n }\n .calc-total { font-size: 1.5rem; color: var(--gold-dark); font-weight: bold; }\n\n \/* Footer *\/\n footer {\n background-color: #FFFFFF;\n text-align: center; padding: 30px; color: var(--text-muted); font-size: 0.8rem;\n border-top: 1px solid var(--border-color); margin-top: 40px;\n }\n \n footer a {\n color: var(--gold-primary);\n text-decoration: none;\n transition: color 0.3s ease;\n }\n \n footer a:hover {\n color: var(--gold-dark);\n text-decoration: underline;\n }\n\n @keyframes pulse {\n 0% { box-shadow: 0 0 0 0 rgba(76, 175, 80, 0.4); }\n 70% { box-shadow: 0 0 0 10px rgba(76, 175, 80, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(76, 175, 80, 0); }\n }\n <\/style>\n<\/head>\n<body>\n\n<header>\n <div class=\"container\">\n <h1>Gold Price in Oman<\/h1>\n <div class=\"subtitle\">Live Rates in Omani Rial (OMR) | Updated: <span id=\"lastUpdated\">Loading…<\/span><\/div>\n <\/div>\n<\/header>\n\n<div class=\"container\">\n \n \n <div class=\"ticker-wrap\">\n <div><span class=\"status-dot\"><\/span> Market Status: <strong>\u0645\u0641\u062a\u0648\u062d<\/strong><\/div>\n <div style=\"color: var(--text-muted);\">Currency: <strong>OMR (\ufdfc)<\/strong><\/div>\n <\/div>\n\n <div class=\"grid\">\n \n <div class=\"main-content\">\n \n \n <div class=\"hero-grid\">\n \n <div class=\"card hero-card\">\n <div class=\"card-header\">\n <span class=\"card-title\">24K Gold Rate<\/span>\n <span class=\"trend\">\u25b2 +0.65%<\/span>\n <\/div>\n <div class=\"big-price\">\n <div class=\"price-value\" id=\"price24k\">63.95<\/div>\n <div class=\"price-unit\">OMR per Gram<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"card hero-card\">\n <div class=\"card-header\">\n <span class=\"card-title\">22K Gold Rate<\/span>\n <span class=\"trend\">\u25b2 +0.60%<\/span>\n <\/div>\n <div class=\"big-price\">\n \n <div class=\"price-value\" id=\"price22k\" style=\"color: #DAA520;\">59.70<\/div>\n <div class=\"price-unit\">OMR per Gram<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"card-header\"><span class=\"card-title\">Gold Rate Per Gram (OMR)<\/span><\/div>\n <table>\n <thead>\n <tr>\n <th>Carat<\/th>\n <th>Purity<\/th>\n <th>Price (OMR)<\/th>\n <th>Trend<\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"ratesTable\">\n <tr>\n <td><span class=\"highlight\">24K<\/span><\/td>\n <td>99.9%<\/td>\n <td id=\"table24\">63.95<\/td>\n <td style=\"color:var(--success)\">\u25b2<\/td>\n <\/tr>\n <tr>\n <td><span class=\"highlight\">22K<\/span><\/td>\n <td>91.6%<\/td>\n <td id=\"table22\">59.70<\/td>\n <td style=\"color:var(--success)\">\u25b2<\/td>\n <\/tr>\n <tr>\n <td><span class=\"highlight\">21K<\/span><\/td>\n <td>87.5%<\/td>\n <td id=\"table21\">56.99<\/td>\n <td style=\"color:var(--success)\">\u25b2<\/td>\n <\/tr>\n <tr>\n <td><span class=\"highlight\">18K<\/span><\/td>\n <td>75.0%<\/td>\n <td id=\"table18\">48.85<\/td>\n <td style=\"color:var(--text-muted)\">–<\/td>\n <\/tr>\n <tr>\n <td><span class=\"highlight\">14K<\/span><\/td>\n <td>58.3%<\/td>\n <td id=\"table14\">37.80<\/td>\n <td style=\"color:var(--danger)\">\u25bc<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"card-header\"><span class=\"card-title\">Price History (Last 7 Days)<\/span><\/div>\n <canvas id=\"goldChart\" height=\"150\"><\/canvas>\n <\/div>\n <\/div>\n\n \n <div class=\"sidebar\">\n \n \n <div class=\"card\" style=\"border-top: 4px solid var(--gold-primary);\">\n <div class=\"card-header\"><span class=\"card-title\">Gold Calculator<\/span><\/div>\n <div class=\"form-group\">\n <label>Weight (Grams)<\/label>\n <input type=\"number\" id=\"calcWeight\" value=\"10\" min=\"1\">\n <\/div>\n <div class=\"form-group\">\n <label>Karat<\/label>\n <select id=\"calcKarat\">\n <option value=\"24\">24K (99.9%)<\/option>\n <option value=\"22\" selected>22K (91.6%)<\/option>\n <option value=\"21\">21K (87.5%)<\/option>\n <option value=\"18\">18K (75.0%)<\/option>\n <\/select>\n <\/div>\n <button onclick=\"calculatePrice()\" style=\"width:100%; padding:12px; background:var(--gold-primary); color:white; border:none; border-radius:4px; font-weight:bold; cursor:pointer; transition: background 0.2s;\">Calculate Value<\/button>\n \n <div class=\"calc-result\" id=\"calcResultBox\" style=\"display:none;\">\n <div>Estimated Value:<\/div>\n <div class=\"calc-total\" id=\"calcTotal\">0.00 OMR<\/div>\n <small style=\"color:#888;\">*Excludes workmanship fees<\/small>\n <\/div>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"card-header\"><span class=\"card-title\">Ounce & Tola Rates<\/span><\/div>\n <table>\n <thead>\n <tr>\n <th>Unit<\/th>\n <th>24K Price<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>1 Ounce (oz)<\/td>\n <td id=\"priceOunce\">1,989.07<\/td>\n <\/tr>\n <tr>\n <td>1 Tola (11.66g)<\/td>\n <td id=\"priceTola\">745.90<\/td>\n <\/tr>\n <tr>\n <td>1 Kg Bar<\/td>\n <td id=\"priceKg\">63,950.00<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"card-header\"><span class=\"card-title\">About Gold in Oman<\/span><\/div>\n <p style=\"font-size: 0.9rem; color: var(--text-muted);\">\n Gold prices in Oman are influenced by global market trends. The <strong>22K<\/strong> purity is the most popular for jewelry in Muscat, while investors prefer <strong>24K<\/strong> bars or coins. Rates are updated daily.\n <\/p>\n <\/div>\n\n <\/div>\n <\/div>\n<\/div>\n\n<footer>\n \n <p>Data provided for informational purposes only. Rates may vary by jeweler.<\/p>\n <p>Data Source: <a href=\"https:\/\/goldpricez.com\" target=\"_blank\" rel=\"noopener\">GoldPriceZ.com<\/a><\/p>\n<\/footer>\n\n\n<script type=\"application\/ld+json\">{\n \"@context\": \"https:\\\/\\\/schema.org\",\n \"@type\": \"FinancialProduct\",\n \"name\": \"Gold Price in Oman\",\n \"currency\": \"OMR\",\n \"price\": \"63.95\",\n \"priceCurrency\": \"OMR\",\n \"areaServed\": \"Oman\"\n}<\/script>\n\n<script>\n \/\/ 1. CONFIGURATION\n \/\/ ---------------------------------------------------------\n const USE_LIVE_API = false; \n const API_ENDPOINT = 'get_gold_rates.php'; \/\/ You need to create this file\n \n \/\/ 2. DEFAULT DATA (Fallback\/Initial State)\n \/\/ ---------------------------------------------------------\n let currentRates = {\n k24: 63.95,\n k22: 59.70,\n k21: 56.99,\n k18: 48.85,\n k14: 37.80\n };\n\n \/\/ 3. INITIALIZATION\n \/\/ ---------------------------------------------------------\n document.addEventListener('DOMContentLoaded', () => {\n updateDate();\n renderChart();\n calculatePrice(); \/\/ Run calc once on load\n \n if(USE_LIVE_API) {\n fetchLiveRates();\n }\n });\n\n function updateDate() {\n const now = new Date();\n const options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric', hour: '2-digit', minute:'2-digit' };\n document.getElementById('lastUpdated').textContent = now.toLocaleDateString('en-US', options);\n }\n\n \/\/ 4. CALCULATOR LOGIC\n \/\/ ---------------------------------------------------------\n function calculatePrice() {\n const weight = parseFloat(document.getElementById('calcWeight').value) || 0;\n const karat = document.getElementById('calcKarat').value;\n \n let rate = 0;\n if(karat === '24') rate = currentRates.k24;\n if(karat === '22') rate = currentRates.k22;\n if(karat === '21') rate = currentRates.k21;\n if(karat === '18') rate = currentRates.k18;\n\n const total = weight * rate;\n \n document.getElementById('calcResultBox').style.display = 'block';\n document.getElementById('calcTotal').textContent = total.toFixed(3) + ' OMR';\n }\n\n \/\/ 5. CHART RENDERING\n \/\/ ---------------------------------------------------------\n function renderChart() {\n const ctx = document.getElementById('goldChart').getContext('2d');\n \n \/\/ Mock historical data (Last 7 days)\n const labels = ['Day 1', 'Day 2', 'Day 3', 'Day 4', 'Day 5', 'Day 6', 'Today'];\n const dataPoints = [62.80, 62.95, 63.55, 64.15, 64.00, 64.65, 63.95]; \/\/ Fluctuating prices\n\n new Chart(ctx, {\n type: 'line',\n data: {\n labels: labels,\n datasets: [{\n label: '24K Price (OMR)',\n data: dataPoints,\n borderColor: '#C5A028',\n backgroundColor: 'rgba(197, 160, 40, 0.1)',\n borderWidth: 2,\n fill: true,\n tension: 0.4\n }]\n },\n options: {\n responsive: true,\n plugins: {\n legend: { display: false }\n },\n scales: {\n y: {\n beginAtZero: false,\n grid: { color: '#E0E0E0' }, \/* Light grid lines *\/\n ticks: { color: '#666' }\n },\n x: {\n grid: { display: false },\n ticks: { color: '#666' }\n }\n }\n }\n });\n }\n\n \/\/ 6. LIVE API FETCH (Optional Future Integration)\n \/\/ ---------------------------------------------------------\n async function fetchLiveRates() {\n try {\n const response = await fetch(API_ENDPOINT);\n const data = await response.json();\n \n if(data) {\n \/\/ Update Global Variables\n currentRates.k24 = parseFloat(data['24karat_rate']);\n currentRates.k22 = parseFloat(data['22karat_rate']);\n currentRates.k21 = parseFloat(data['21karat_rate']);\n currentRates.k18 = parseFloat(data['18karat_rate']);\n \n \/\/ Update UI\n document.getElementById('price24k').textContent = currentRates.k24.toFixed(2);\n document.getElementById('price22k').textContent = currentRates.k22.toFixed(2); \n document.getElementById('table24').textContent = currentRates.k24.toFixed(2);\n document.getElementById('table22').textContent = currentRates.k22.toFixed(2);\n document.getElementById('table21').textContent = currentRates.k21.toFixed(2);\n document.getElementById('table18').textContent = currentRates.k18.toFixed(2);\n \n \/\/ Recalculate Ounce\/Kg based on new 24k rate\n document.getElementById('priceOunce').textContent = (currentRates.k24 * 31.1035).toLocaleString(undefined, {minimumFractionDigits: 2, maximumFractionDigits: 2});\n document.getElementById('priceTola').textContent = (currentRates.k24 * 11.66).toLocaleString(undefined, {minimumFractionDigits: 2, maximumFractionDigits: 2});\n document.getElementById('priceKg').textContent = (currentRates.k24 * 1000).toLocaleString(undefined, {minimumFractionDigits: 2, maximumFractionDigits: 2});\n\n \/\/ Flash effect to show update (Colors adjusted for light mode)\n document.querySelectorAll('.price-value').forEach(el => {\n el.style.color = '#333';\n setTimeout(() => {\n if(el.id === 'price22k') el.style.color = '#DAA520';\n else el.style.color = '#C5A028';\n }, 500);\n });\n }\n } catch (error) {\n console.log(\"Using static data fallback\");\n }\n }\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Gold Price in Oman Today (OMR) – Live Rates Gold Price in Oman Live Rates in Omani Rial (OMR) | … <\/p>\n<p class=\"read-more-container\"><a title=\"Gold Price in Oman Today (Live update in OMR )\" class=\"read-more button\" href=\"https:\/\/opaui.com\/ar\/gold-price-in-oman-today-live-update-in-omr\/#more-3841\" aria-label=\"Read more about Gold Price in Oman Today (Live update in OMR )\">\u0627\u0642\u0631\u0623 \u0627\u0644\u0645\u0632\u064a\u062f<\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3841","page","type-page","status-publish"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/opaui.com\/ar\/wp-json\/wp\/v2\/pages\/3841","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/opaui.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/opaui.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/opaui.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/opaui.com\/ar\/wp-json\/wp\/v2\/comments?post=3841"}],"version-history":[{"count":3,"href":"https:\/\/opaui.com\/ar\/wp-json\/wp\/v2\/pages\/3841\/revisions"}],"predecessor-version":[{"id":3845,"href":"https:\/\/opaui.com\/ar\/wp-json\/wp\/v2\/pages\/3841\/revisions\/3845"}],"wp:attachment":[{"href":"https:\/\/opaui.com\/ar\/wp-json\/wp\/v2\/media?parent=3841"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}