:root{
  --gpx-dark:#16171a; --gpx-dark-2:#1d1e21; --gpx-dark-3:#26282c;
  --gpx-gold:#f2b705; --gpx-gold-2:#d4a017; --gpx-gold-soft:#fff6d6;
  --gpx-bg:#f4f4f1; --gpx-up:#15803d; --gpx-down:#c81e1e;
  --bs-link-color:#8a6400; --bs-link-hover-color:#5c4300; --bs-link-color-rgb:138,100,0; --bs-link-hover-color-rgb:92,67,0;
}
body{background:var(--gpx-bg);font-feature-settings:"tnum" 1;}
.skip-link{position:absolute;left:8px;top:8px;z-index:2000;background:#fff;padding:6px 10px}
.text-up{color:var(--gpx-up)!important}.text-down{color:var(--gpx-down)!important}.text-gold{color:var(--gpx-gold-2)!important}
.text-light-50{color:rgba(255,255,255,.6)}
/* header */
.site-header{background:var(--gpx-dark);color:#eee}
.topbar{padding:.45rem 0;border-bottom:1px solid #2a2c31}
.brand{display:flex;align-items:center;gap:.45rem;text-decoration:none}
.brand-text{font-weight:800;letter-spacing:.06em;color:var(--gpx-gold);font-size:1.15rem}.brand-text span{color:#fff;margin-left:.15rem}
.topbar-select{width:auto;max-width:6.5rem;background-color:var(--gpx-dark-3);color:#eee;border-color:#3a3d43}
.btn-topbar{color:#ddd;border:1px solid #3a3d43;background:var(--gpx-dark-3)}.btn-topbar:hover{color:#fff;background:#33363b}
.lang-menu{max-height:70vh;overflow:auto}
.btn-gold{--bs-btn-color:#16171a;--bs-btn-bg:var(--gpx-gold);--bs-btn-border-color:var(--gpx-gold);--bs-btn-hover-bg:#ffcb2e;--bs-btn-hover-border-color:#ffcb2e;--bs-btn-hover-color:#000;--bs-btn-active-bg:#e0a800;font-weight:600}
.btn-outline-gold{--bs-btn-color:#8a6400;--bs-btn-border-color:var(--gpx-gold-2);--bs-btn-hover-bg:var(--gpx-gold);--bs-btn-hover-color:#000;--bs-btn-hover-border-color:var(--gpx-gold)}
.mainnav{background:var(--gpx-dark-2);padding:0}
.mainnav .nav-link{color:#e8e8e8;font-weight:500;padding:.8rem .85rem!important}
.mainnav .nav-link:hover,.mainnav .nav-link:focus,.mainnav .show>.nav-link{color:var(--gpx-gold)}
.mainnav .dropdown-menu{border:0;border-top:2px solid var(--gpx-gold);border-radius:0 0 .4rem .4rem;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.mainnav .dropdown-item:active{background:var(--gpx-gold);color:#000}
.mega-menu .dropdown-item{padding:.25rem .5rem;white-space:normal}
.nav-search input{background:var(--gpx-dark-3);border-color:#3a3d43;color:#eee;min-width:180px}.nav-search input::placeholder{color:#999}
.ticker{background:#0f1012;border-top:1px solid #222;font-size:.85rem;overflow-x:auto;scrollbar-width:none}
.ticker::-webkit-scrollbar{display:none}
.ticker-inner{display:flex;gap:1.25rem;white-space:nowrap;padding:.4rem .75rem}
.tick{display:inline-flex;gap:.4rem;align-items:baseline;color:#ddd;text-decoration:none}
.tick:hover{color:#fff}.tick-name{color:#999;text-transform:uppercase;font-size:.75rem;letter-spacing:.04em}.tick-price{font-weight:700;color:#fff}
.ticker .text-up{color:#4ade80!important}.ticker .text-down{color:#f87171!important}
/* cards / content */
.card{border-color:#e6e4dc;border-radius:.6rem}
.card-header{background:#fff;border-bottom:2px solid var(--gpx-gold);font-weight:600}
.card-header h2{font-weight:700}
.price-hero{border-top:4px solid var(--gpx-gold)}
.hero-price{font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;color:#111}
.hero-chg{font-size:1.15rem;font-weight:600}
.hero-stats dt{font-weight:500;color:#666}.hero-stats dd{font-weight:600;margin-bottom:.35rem}
.hero-selects .form-select{max-width:15rem}
.live-dot{display:inline-block;width:.55rem;height:.55rem;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:pulse 2s infinite;vertical-align:middle}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.flash-up{animation:fu 1.2s}.flash-down{animation:fd 1.2s}
@keyframes fu{0%{background:#dcfce7}100%{background:transparent}}@keyframes fd{0%{background:#fee2e2}100%{background:transparent}}
.price-table td,.price-table th{vertical-align:middle;white-space:nowrap}
.price-table th[scope=row]{white-space:normal}
.sticky-head thead th{position:sticky;top:0;background:#fff;z-index:1}
.chart-card .js-chart,.js-crypto-chart{position:relative}
.chart-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#999}
.metal-card{border-left:4px solid var(--metal,#ccc)!important;color:inherit}
.metal-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08)}
.badge-link{display:inline-block;padding:.25rem .55rem;border:1px solid #e3dfcf;border-radius:2rem;background:#fff;text-decoration:none;font-size:.8rem;color:#5c4300}
.badge-link:hover{background:var(--gpx-gold-soft);border-color:var(--gpx-gold)}
.quick-links a{display:block;padding:.35rem .5rem;border-radius:.35rem;background:#faf9f4;text-decoration:none}
.quick-links a:hover{background:var(--gpx-gold-soft)}
.prose{line-height:1.7}.prose h2{font-size:1.3rem;margin-top:1.4rem}.prose h3{font-size:1.1rem;margin-top:1.1rem}.prose table{font-size:.9rem}
.prose>*:first-child,.prose .card-body>*:first-child{margin-top:0}
.faq .accordion-button{font-weight:600}.faq .accordion-button:not(.collapsed){background:var(--gpx-gold-soft);color:#000;box-shadow:none}
.calc-result{background:var(--gpx-gold-soft);border:1px solid #f1df9b}
.alert-promo{background:linear-gradient(135deg,#fffaf0,#fff3c4)}
.auth-card{border-top:4px solid var(--gpx-gold)}
.breadcrumb{--bs-breadcrumb-divider-color:#999}
.fi{border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.ad-slot{text-align:center;margin:.75rem auto;overflow:hidden;min-height:0}
.ad-sticky_mobile{position:fixed;bottom:0;left:0;right:0;z-index:1030;background:#fff;margin:0}
@media(min-width:992px){.ad-sticky_mobile{display:none}}
/* footer (mirrors goldprice.org structure) */
.site-footer{background:#1d1e20;color:#d6d6d6;margin-top:2rem}
.footer-world{background:#1a1b1d;padding:2rem 0 1rem}
.footer-links{background:#202124;padding:2rem 0}
.site-footer a{color:#e6e6e6;text-decoration:none}.site-footer a:hover{color:var(--gpx-gold)}
.fh{display:inline-block;color:var(--gpx-gold);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;padding-bottom:.55rem;margin:1rem 0 .85rem;border-bottom:1px solid var(--gpx-gold)}
.footer-world .fh{margin-top:0}
.site-footer ul li{margin-bottom:.5rem;font-size:.95rem}
.flag-list li{margin-bottom:.3rem}
.flag-list .fi{margin-right:.45rem}
.footer-bottom{background:#141517;padding:1.25rem 0;color:#9a9a9a}
.footer-bottom a{color:#bbb}
.lang-links{display:flex;flex-wrap:wrap;gap:.35rem .9rem}
.newsletter .form-control{background:#2a2c30;border-color:#3a3d43;color:#eee}
[dir=rtl] .fi{margin-left:.45rem;margin-right:0}
@media (max-width:575.98px){.hero-selects{width:100%}.hero-selects .form-select{max-width:none}}
@media (prefers-reduced-motion:reduce){.live-dot,.flash-up,.flash-down{animation:none}}
.card:has(> .card-body:empty){display:none}