Gold Prices Today in Pakistan | 19 August 2026

Today, the latest gold rates issued by the All-Pakistan Gems and Jewellers Sarafa Association (APGJSA) for today are as follows:

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

.gold-widget{ width:100%; max-width:760px; margin:20px auto; font-family:'Poppins',Arial,sans-serif; background:#fff; color:#1f2937; border:1px solid #e8edf3; border-radius:14px; overflow:hidden; box-shadow:0 6px 20px rgba(15,23,42,.06); line-height:1.45; transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; }

/* HEADER */ .gold-header-main{ background:#f8fafc; padding:20px 18px; border-bottom:1px solid #e8edf3; text-align:center; position: relative; transition: background-color 0.3s ease, border-color 0.3s ease; }

.gold-top-controls { display: flex; justify-content: flex-end; align-items: center; margin-bottom: 10px; }

.dark-mode-toggle { background: #f1f5f9; border: 1px solid #cbd5e1; color: #334155; border-radius: 20px; padding: 4px 10px; font-size: 11px; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; gap: 5px; transition: all 0.2s ease; font-family: inherit; }

.dark-mode-toggle:hover { background: #e2e8f0; }

.gold-title-wrap{ display:flex; align-items:center; justify-content:center; gap:8px; flex-wrap:wrap; margin-bottom:12px; }

.gold-title-text{ font-size:15px; font-weight:600; color:#172033; letter-spacing:.15px; transition: color 0.3s ease; }

.live-badge{ display:inline-flex; align-items:center; gap:5px; background:#ecfdf3; border:1px solid #bbf7d0; color:#15803d; font-size:9px; font-weight:700; padding:3px 8px; border-radius:20px; text-transform:uppercase; letter-spacing:.5px; }

.live-bulb{ width:6px; height:6px; background:#16a34a; border-radius:50%; display:inline-block; animation:livePulse 1.7s infinite; }

@keyframes livePulse{ 0%{box-shadow:0 0 0 0 rgba(22,163,74,.45)} 70%{box-shadow:0 0 0 6px rgba(22,163,74,0)} 100%{box-shadow:0 0 0 0 rgba(22,163,74,0)} }

.gold-ticker-wrap{ display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap; }

.gold-live-price{ font-size:27px; line-height:1.2; font-weight:700; color:#111827; letter-spacing:-.7px; transition: color 0.3s ease; }

.gold-unit{ font-size:10px; color:#64748b; margin-left:2px; transition: color 0.3s ease; }

/* RATE TABLE */ .block-table{ display:flex; flex-direction:column; width:100%; }

.block-row{ display:flex; width:100%; align-items:center; border-bottom:1px solid #eef2f7; padding:11px 8px; transition:background .2s ease, border-color 0.3s ease; }

.block-row:hover{ background:#fafcff; }

.block-row:last-child{ border-bottom:none; }

.block-header{ background:#f7f9fc; color:#475569; font-weight:600; border-bottom:1px solid #e5eaf0; transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; }

.block-header:hover{ background:#f7f9fc; }

.block-col{ text-align:center; font-size:10.5px; word-break:break-word; padding:0 3px; }

.col-type{flex:.65} .col-tola{flex:1.1} .col-10g{flex:1.1} .col-1g{flex:.95} .col-change{flex:.95}

.purity-badge{ display:inline-block; min-width:32px; padding:3px 6px; border-radius:5px; background:#f1f5f9; border:1px solid #e2e8f0; color:#334155; font-size:9px; font-weight:700; transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; }

.price-text{ font-weight:600; color:#172033; transition: color 0.3s ease; }

/* TREND BADGES & TEXT */ .trend-flat { color: #64748b; font-weight: 600; }

.trend-up { color: #16a34a; font-weight: 600; }

.trend-down { color: #dc2626; font-weight: 600; }

.change-tag { display: inline-block; padding: 2px 6px; border-radius: 4px; font-size: 9.5px; font-weight: 600; }

.change-tag.flat { background: #f1f5f9; color: #475569; }

.change-tag.up { background: #f0fdf4; color: #16a34a; border: 1px solid #bbf7d0; }

.change-tag.down { background: #fef2f2; color: #dc2626; border: 1px solid #fecaca; }

/* QUICK SUMMARY */ .gold-summary{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:12px; background:#fbfcfe; border-top:1px solid #eef2f7; border-bottom:1px solid #eef2f7; transition: background-color 0.3s ease, border-color 0.3s ease; }

.gold-summary-card{ background:#fff; border:1px solid #e8edf3; border-radius:8px; padding:9px 7px; text-align:center; transition: background-color 0.3s ease, border-color 0.3s ease; }

.gold-summary-label{ display:block; font-size:9px; color:#64748b; margin-bottom:3px; transition: color 0.3s ease; }

.gold-summary-value{ display:block; font-size:12px; font-weight:700; color:#172033; transition: color 0.3s ease; }

/* DARK MODE STYLES */ .gold-widget.dark-mode { background: #0f172a; color: #f1f5f9; border-color: #334155; box-shadow: 0 6px 20px rgba(0,0,0,0.4); }

.gold-widget.dark-mode .gold-header-main { background: #1e293b; border-color: #334155; }

.gold-widget.dark-mode .dark-mode-toggle { background: #334155; border-color: #475569; color: #f8fafc; }

.gold-widget.dark-mode .gold-title-text, .gold-widget.dark-mode .gold-live-price, .gold-widget.dark-mode .price-text, .gold-widget.dark-mode .gold-summary-value { color: #f8fafc; }

.gold-widget.dark-mode .gold-unit, .gold-widget.dark-mode .gold-summary-label { color: #94a3b8; }

.gold-widget.dark-mode .block-row { border-color: #1e293b; }

.gold-widget.dark-mode .block-row:hover { background: #1e293b; }

.gold-widget.dark-mode .block-header { background: #1e293b; color: #94a3b8; border-color: #334155; }

.gold-widget.dark-mode .purity-badge { background: #334155; border-color: #475569; color: #f1f5f9; }

.gold-widget.dark-mode .gold-summary { background: #0f172a; border-color: #1e293b; }

.gold-widget.dark-mode .gold-summary-card { background: #1e293b; border-color: #334155; }

.gold-widget.dark-mode .change-tag.flat { background: #334155; color: #cbd5e1; }

.gold-widget.dark-mode .change-tag.up { background: #064e3b; color: #6ee7b7; border-color: #047857; }

.gold-widget.dark-mode .change-tag.down { background: #7f1d1d; color: #fca5a5; border-color: #b91c1c; }

@media(max-width:600px){ .gold-widget{ margin:12px 0; border-radius:10px; } .gold-header-main{ padding:16px 10px; } .gold-title-text{ font-size:13px; } .gold-live-price{ font-size:23px; } .block-row{ padding:9px 3px; } .block-col{ font-size:8.5px; padding:0 1px; } .gold-summary{ grid-template-columns:repeat(3,1fr); padding:8px; gap:5px; } .gold-summary-card{ padding:7px 3px; } .gold-summary-label{ font-size:8px; } .gold-summary-value{ font-size:10px; } .change-tag{ font-size:8px; padding:1px 4px; } }