/* =========================================================
   TOP MOVING MARKET TICKER
========================================================= */

.gpp-top-market-ticker {
	position: relative;
	z-index: 1100;
	width: 100%;
	min-height: 38px;
	overflow: hidden;
	background: #071426;
	border-bottom: 1px solid rgba(212, 175, 55, .22);
}

.gpp-top-market-ticker::before,
.gpp-top-market-ticker::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 2;
	width: 45px;
	pointer-events: none;
}

.gpp-top-market-ticker::before {
	left: 0;
	background: linear-gradient(90deg, #071426, rgba(7, 20, 38, 0));
}

.gpp-top-market-ticker::after {
	right: 0;
	background: linear-gradient(270deg, #071426, rgba(7, 20, 38, 0));
}

.gpp-top-market-track {
	width: max-content;
	min-height: 38px;
	display: flex;
	align-items: center;
	animation: gppTopMarketMove 30s linear infinite;
}

.gpp-top-market-ticker:hover .gpp-top-market-track {
	animation-play-state: paused;
}

.gpp-top-market-group {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.gpp-top-market-item {
	min-height: 38px;
	padding: 0 24px;
	border-right: 1px solid rgba(255,255,255,.10);
	display: flex;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
}

.gpp-top-market-label {
	color: #e3a800;
	font-size: 11px;
	font-weight: 800;
}

.gpp-top-market-item strong {
	color: #ffffff;
	font-size: 12px;
	font-weight: 750;
}

.gpp-top-market-up {
	color: #45c879;
	font-size: 10px;
	font-weight: 700;
}

.gpp-top-market-down {
	color: #ff666d;
	font-size: 10px;
	font-weight: 700;
}

@keyframes gppTopMarketMove {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-50%);
	}
}

@media (prefers-reduced-motion: reduce) {
	.gpp-top-market-track {
		animation: none;
	}
}

*{box-sizing:border-box}html,body{margin:0;padding:0}body.gpp-homepage{margin:0;background:#f6f7f9;color:#101828}body.gpp-homepage .site-header,body.gpp-homepage .site-footer{display:none!important}.gpp-site{width:100%;min-height:100vh;background:#f6f7f9}.gpp-container{width:calc(100% - 28px);max-width:1740px;margin:0 auto}.gpp-site svg{display:block}.gpp-text-logo{display:flex;flex-direction:column;text-decoration:none;line-height:1}.gpp-text-logo-main{font-size:29px;font-weight:800;color:#071426}.gpp-text-logo-gold,.gpp-text-logo-plus{color:#d99b00}.gpp-text-logo small{margin-top:6px;color:#667085;font-size:11px}.gpp-main-header{background:#fff;border-bottom:1px solid #eceef2;position:relative;z-index:1000}.gpp-header-inner{min-height:88px;display:grid;grid-template-columns:250px minmax(280px,1fr) auto;align-items:center;gap:24px}.gpp-header-search form{position:relative}.gpp-header-search input{width:100%;height:50px;padding:0 52px 0 18px;border:1px solid #e0e4ea;border-radius:13px;font-size:15px;outline:none}.gpp-header-search input:focus{border-color:#d4af37;box-shadow:0 0 0 3px rgba(212,175,55,.08)}.gpp-header-search button{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;background:transparent;display:flex;align-items:center;justify-content:center}.gpp-header-search button svg{width:21px;height:21px;fill:none;stroke:#344054;stroke-width:2}.gpp-header-actions{display:flex;align-items:center;gap:10px}.gpp-country-button,.gpp-icon-button,.gpp-get-app-button,.gpp-login-button{height:48px;border-radius:11px}.gpp-country-button{min-width:150px;padding:0 14px;border:1px solid #e2e5ea;background:#fff;display:flex;align-items:center;gap:9px;font-size:15px;font-weight:650}.gpp-country-flag-image{width:27px;height:19px;object-fit:cover;border-radius:3px}.gpp-country-chevron{width:16px;height:16px;margin-left:auto;fill:none;stroke:#667085;stroke-width:2}.gpp-icon-button{position:relative;width:48px;border:1px solid #e2e5ea;background:#fff;display:flex;align-items:center;justify-content:center}.gpp-icon-button svg{width:22px;height:22px;fill:none;stroke:#172033;stroke-width:1.9}.gpp-notification-dot{position:absolute;top:6px;right:7px;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#e32636}.gpp-get-app-button,.gpp-login-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:15px;font-weight:700}.gpp-get-app-button{min-width:100px;padding:0 18px;background:linear-gradient(135deg,#e9ae12,#c48300);color:#fff}.gpp-login-button{min-width:82px;padding:0 18px;background:#071426;color:#fff}.gpp-country-dropdown{position:relative}.gpp-country-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:9999;width:260px;max-height:440px;padding:8px;border:1px solid #e4e7ec;border-radius:14px;background:#fff;box-shadow:0 18px 40px rgba(16,24,40,.14);overflow-y:auto;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:.2s}.gpp-country-dropdown.open .gpp-country-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.gpp-country-menu a{min-height:46px;padding:8px 11px;border-radius:9px;display:flex;align-items:center;gap:11px;color:#172033;text-decoration:none;font-size:14px;font-weight:600}.gpp-country-menu a:hover{background:#fff4d2;color:#986600}.gpp-country-menu img{width:29px;height:20px;object-fit:cover;border-radius:3px}.gpp-view-all-countries{margin-top:6px;padding-top:12px!important;border-top:1px solid #eee}.gpp-main-nav{position:sticky;top:0;z-index:900;background:#fff;border-bottom:1px solid #e7e9ed}.gpp-nav-list{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));list-style:none;margin:0;padding:0}.gpp-nav-list a{min-height:60px;display:flex;align-items:center;justify-content:center;color:#101828;text-decoration:none;font-size:15px;font-weight:650}.gpp-nav-list li.active a,.gpp-nav-list a:hover{color:#bd8100}.gpp-mobile-header{display:none}.gpp-home-main{margin:0;padding:0}.gpp-home-section{margin-top:15px}.gpp-ad-banner{min-height:92px;padding:16px 20px;border:1px dashed #d4af37;border-radius:12px;background:linear-gradient(135deg,#fffdf6,#fff5d5);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;color:#101828;text-decoration:none}.gpp-ad-label{padding:6px 9px;border-radius:6px;background:#071426;color:#fff;font-size:9px;font-weight:800;letter-spacing:.8px}.gpp-ad-copy strong,.gpp-ad-copy span{display:block}.gpp-ad-copy strong{font-size:17px}.gpp-ad-copy span{margin-top:5px;color:#667085;font-size:12px}.gpp-ad-cta{min-height:40px;padding:0 14px;border-radius:8px;background:#d99b00;color:#fff;display:flex;align-items:center;font-size:12px;font-weight:700}.gpp-gold-panel,.gpp-live-chart-card,.gpp-cities-card,.gpp-dashboard-card,.gpp-country-prices-panel,.gpp-insights-panel,.gpp-faq-panel{border:1px solid #e4e7ec;border-radius:14px;background:#fff}.gpp-gold-panel{padding:21px}.gpp-gold-panel-header{display:flex;justify-content:space-between;gap:20px;margin-bottom:18px}.gpp-gold-title-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.gpp-gold-title-row h1{margin:0;font-size:24px}.gpp-live-badge{padding:5px 9px;border-radius:999px;background:#edf8eb;color:#208548;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700}.gpp-live-badge i{width:7px;height:7px;border-radius:50%;background:#22984e}.gpp-gold-update-line{margin-top:6px;color:#667085;font-size:13px}.gpp-gold-controls{display:flex;gap:8px}.gpp-gold-controls select,.gpp-gold-more-button{height:40px;border:1px solid #e3e5e8;border-radius:8px;background:#fff;font-size:14px;font-weight:600}.gpp-gold-controls select{min-width:100px;padding:0 30px 0 11px}.gpp-gold-more-button{width:40px}.gpp-gold-rate-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.gpp-gold-rate-card{min-height:145px;padding:17px 18px;border:1px solid #efdfb9;border-radius:11px}.gpp-gold-card-head{display:flex;justify-content:space-between}.gpp-gold-card-purity{color:#9f6d00;font-size:15px;font-weight:750}.gpp-gold-card-purity span{font-size:11px;font-weight:500}.gpp-gold-bars-icon{width:42px;height:34px}.gpp-gold-card-price{margin-top:15px;display:flex;align-items:baseline;gap:6px}.gpp-gold-card-price strong{font-size:28px}.gpp-gold-change{margin-top:10px;color:#159447;font-size:12px;font-weight:700}.gpp-view-all-gold-bar{min-height:45px;margin-top:14px;border-radius:8px;background:linear-gradient(90deg,#fff9e9,#fff0c0,#fff9e9);display:flex;align-items:center;justify-content:center;gap:8px;color:#a46d00;text-decoration:none;font-size:14px;font-weight:700}.gpp-market-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr);gap:14px}.gpp-live-chart-card{padding:18px}.gpp-live-chart-head{display:flex;justify-content:space-between;align-items:center}.gpp-live-chart-head h2{margin:0;font-size:18px}.gpp-chart-open-button{width:38px;height:38px;border:1px solid #e4e7ec;border-radius:8px;background:#fff}.gpp-chart-periods{margin-top:13px;display:flex;gap:8px}.gpp-chart-periods button{min-width:44px;height:32px;border:1px solid #e7e9ec;border-radius:7px;background:#f8f9fa;font-size:12px;font-weight:700}.gpp-chart-periods button.active{background:#d69a00;color:#fff;border-color:#d69a00}.gpp-svg-chart{position:relative;margin-top:10px;padding-left:44px}.gpp-chart-y-labels{position:absolute;left:0;top:2px;bottom:32px;width:38px;display:flex;flex-direction:column;justify-content:space-between;color:#667085;font-size:10px}.gpp-chart-plot{position:relative;height:220px}.gpp-chart-grid-lines{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between}.gpp-chart-grid-lines i{border-top:1px dashed #e9eaec}.gpp-chart-svg{position:absolute;inset:0;width:100%;height:100%}.gpp-chart-tooltip{position:absolute;top:22px;left:49%;transform:translateX(-50%);padding:9px 12px;border-radius:7px;background:#fff;box-shadow:0 3px 13px rgba(16,24,40,.13);text-align:center}.gpp-chart-tooltip strong,.gpp-chart-tooltip span{display:block}.gpp-chart-tooltip span{font-size:9px;color:#98a2b3}.gpp-chart-x-labels{padding-top:7px;display:flex;justify-content:space-between;color:#667085;font-size:10px}.gpp-view-full-chart{margin-top:9px;display:block;text-align:center;color:#a86f00;text-decoration:none;font-size:13px;font-weight:700}.gpp-market-side-cards{display:grid;grid-template-rows:repeat(4,1fr);gap:10px}.gpp-market-mini-card{min-height:82px;padding:12px 14px;border:1px solid #e4e7ec;border-radius:11px;background:#fff;display:grid;grid-template-columns:44px minmax(0,1fr) auto 12px;align-items:center;gap:11px;color:#172033;text-decoration:none}.gpp-market-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700}.gpp-market-silver{background:#eef2f5;color:#7b8794}.gpp-market-currency{background:#dff5e6;color:#219355}.gpp-market-crypto{background:#fff0dc;color:#f7931a}.gpp-market-fuel{background:#eee5ff;color:#7753ce}.gpp-market-info span,.gpp-market-info strong{display:block}.gpp-market-info span{font-size:13px;font-weight:750}.gpp-market-info small{color:#667085;font-size:10px}.gpp-market-info strong{margin-top:5px;font-size:17px}.gpp-market-change{font-size:11px;font-weight:700}.gpp-market-change.positive{color:#159447}.gpp-market-change.negative{color:#e32935}.gpp-cities-card{padding:15px}.gpp-section-heading-row{display:flex;justify-content:space-between;align-items:center}.gpp-section-heading-row h2{margin:0;font-size:17px}.gpp-small-view-button{min-height:32px;padding:0 10px;border:1px solid #ead9ac;border-radius:7px;background:#fffaf0;color:#a76f00;text-decoration:none;display:flex;align-items:center;font-size:10px;font-weight:700}.gpp-city-slider-wrap{position:relative;margin-top:12px}.gpp-city-list{display:grid;grid-template-columns:repeat(6,minmax(160px,1fr));gap:10px;overflow-x:auto;scrollbar-width:none}.gpp-city-card{min-height:86px;padding:9px;border:1px solid #e5e8ec;border-radius:10px;background:linear-gradient(135deg,#f8fbff,#fff);display:flex;align-items:center;gap:10px;color:#172033;text-decoration:none}.gpp-city-icon{width:48px;height:58px;flex:0 0 48px;border-radius:8px;background:#eef5fb;display:flex;align-items:center;justify-content:center;color:#6e8ca4}.gpp-city-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7}.gpp-city-content strong,.gpp-city-content span,.gpp-city-content small{display:block}.gpp-city-content strong{font-size:13px}.gpp-city-content span{margin-top:5px;font-size:11px}.gpp-city-content small{margin-top:4px;color:#159447;font-size:10px}.gpp-city-arrow{position:absolute;top:50%;transform:translateY(-50%);width:27px;height:27px;border:1px solid #e4e7ec;border-radius:50%;background:#fff;color:#a97200}.gpp-city-prev{left:-10px}.gpp-city-next{right:-10px}.gpp-bottom-dashboard{display:grid;grid-template-columns:1.15fr 1.05fr .88fr;gap:14px}.gpp-dashboard-heading{padding:16px 17px 10px;display:flex;justify-content:space-between;align-items:center}.gpp-dashboard-heading h2{margin:0;font-size:17px}.gpp-dashboard-heading a{color:#a76f00;text-decoration:none;font-size:12px;font-weight:700}.gpp-news-list{padding:2px 16px 16px}.gpp-news-item{padding:7px 0;display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:13px;color:#172033;text-decoration:none}.gpp-news-thumb{height:68px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:34px}.gpp-news-thumb-gold{background:linear-gradient(135deg,#211608,#9a6a16)}.gpp-news-thumb-ship{background:linear-gradient(160deg,#cce7f4,#5b9fbd)}.gpp-news-thumb-bitcoin{background:linear-gradient(135deg,#2b1602,#c26c08);color:#ffc344}.gpp-news-copy strong{display:block;font-size:14px}.gpp-news-copy span{display:block;margin-top:5px;color:#98a2b3;font-size:11px}.gpp-tools-grid{padding:7px 14px 15px;display:grid;grid-template-columns:repeat(3,1fr)}.gpp-tool-item{min-height:120px;padding:13px 8px;border-right:1px solid #eef0f2;border-bottom:1px solid #eef0f2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#172033;text-decoration:none;text-align:center}.gpp-tool-item:nth-child(3n){border-right:0}.gpp-tool-item:nth-child(n+4){border-bottom:0}.gpp-tool-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.gpp-tool-gold{background:#fff5dc;color:#c58a00}.gpp-tool-zakat{background:#e8f7ed;color:#23985b}.gpp-tool-currency{background:#f0ebff;color:#7652d1}.gpp-tool-profit{background:#fff0f1;color:#e23a48}.gpp-tool-making{background:#fff8e8;color:#cb8d08}.gpp-tool-loan{background:#eaf4ff;color:#317dcb}.gpp-tool-item strong{font-size:12px}.gpp-alert-card{position:relative;min-height:300px;padding:28px 22px;background:linear-gradient(135deg,#fff,#fff8e8);display:flex;align-items:center;overflow:hidden}.gpp-alert-copy{max-width:190px;position:relative;z-index:2}.gpp-alert-copy h2{margin:0}.gpp-alert-copy p{margin:19px 0 23px;color:#667085;font-size:14px}.gpp-alert-button{min-height:43px;padding:0 17px;border-radius:8px;background:linear-gradient(135deg,#e0a91d,#bb8100);display:inline-flex;align-items:center;color:#fff;text-decoration:none;font-size:13px;font-weight:700}.gpp-alert-bell{position:absolute;right:28px;bottom:35px;font-size:76px;opacity:.35}.gpp-country-prices-panel,.gpp-insights-panel,.gpp-faq-panel{padding:24px}.gpp-country-prices-header,.gpp-insights-header,.gpp-faq-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:18px}.gpp-country-prices-header h2,.gpp-insights-header h2,.gpp-faq-heading h2{margin:0;font-size:22px}.gpp-country-prices-header p,.gpp-insights-header p,.gpp-faq-heading p{margin:5px 0 0;color:#667085;font-size:12px}.gpp-country-view-all{color:#a76f00;text-decoration:none;font-size:13px;font-weight:700}.gpp-country-price-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.gpp-country-price-card{min-height:205px;padding:18px;border:1px solid #e4e7ec;border-radius:12px;color:#172033;text-decoration:none}.gpp-country-price-top{display:flex;justify-content:space-between}.gpp-country-price-name{display:flex;align-items:center;gap:12px;min-width:0}.gpp-country-price-flag{width:58px;height:44px;flex:0 0 58px;border-radius:8px;overflow:hidden}.gpp-country-price-flag img{width:100%;height:100%;object-fit:cover}.gpp-country-price-name strong,.gpp-country-price-name small{display:block}.gpp-country-price-name strong{font-size:14px}.gpp-country-price-name small{margin-top:4px;color:#98a2b3;font-size:9px}.gpp-country-price-value{margin-top:25px;display:flex;align-items:baseline;gap:7px}.gpp-country-price-value strong{font-size:23px}.gpp-country-price-value span{color:#667085;font-size:11px}.gpp-country-price-change{margin-top:14px;font-size:10px;font-weight:700}.gpp-country-price-change.up{color:#159447}.gpp-country-price-change.down{color:#d92d20}.gpp-country-price-change span{margin-left:5px;color:#98a2b3}.gpp-country-mobile-view-all{display:none}.gpp-insights-updated{min-height:32px;padding:0 11px;border-radius:20px;background:#edf8f0;color:#23864c;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700}.gpp-insights-live-dot{width:7px;height:7px;border-radius:50%;background:#27a259}.gpp-insights-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.gpp-insight-card{padding:17px;border:1px solid #e4e7ec;border-radius:11px}.gpp-insight-top{display:flex;align-items:center;gap:10px}.gpp-insight-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.gpp-insight-icon.gold{background:#fff5dc;color:#b77d00}.gpp-insight-icon.performance{background:#eaf8ef;color:#208b50}.gpp-insight-icon.high{background:#eaf4ff;color:#397fc4}.gpp-insight-icon.low{background:#fff0f1;color:#d84651}.gpp-insight-label{font-size:12px;font-weight:700}.gpp-insight-value{margin-top:18px;font-size:23px;font-weight:800}.gpp-insight-bottom{margin-top:10px;display:flex;justify-content:space-between;font-size:10px}.gpp-insight-bottom.positive span{color:#159447}.gpp-market-summary{margin-top:13px;padding:15px 17px;border:1px solid #eee3c5;border-radius:10px;background:linear-gradient(90deg,#fffaf0,#fffdf8);display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:13px;align-items:center}.gpp-market-summary-icon{width:44px;height:44px;border-radius:10px;background:#fff0c5;display:flex;align-items:center;justify-content:center;color:#ad7600}.gpp-market-summary-copy p{margin:4px 0 0;color:#667085;font-size:11px}.gpp-market-summary-link{color:#a77100;text-decoration:none;font-size:11px;font-weight:700}.gpp-faq-eyebrow{display:block;margin-bottom:7px;color:#b17800;font-size:9px;font-weight:800;letter-spacing:.9px}.gpp-faq-heading-icon{width:48px;height:48px;border-radius:12px;background:#fff5dc;color:#b77d00;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800}.gpp-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gpp-faq-column{display:flex;flex-direction:column;gap:10px}.gpp-faq-item{border:1px solid #e7e9ed;border-radius:10px;overflow:hidden}.gpp-faq-item[open]{border-color:#ead8a7;background:#fffdf7}.gpp-faq-item summary{position:relative;min-height:52px;padding:13px 48px 13px 15px;display:flex;align-items:center;font-size:12px;font-weight:750;cursor:pointer;list-style:none}.gpp-faq-item summary::-webkit-details-marker{display:none}.gpp-faq-plus{position:absolute;right:15px;top:50%;width:18px;height:18px;transform:translateY(-50%)}.gpp-faq-plus:before,.gpp-faq-plus:after{content:"";position:absolute;top:50%;left:50%;background:#b17800;transform:translate(-50%,-50%)}.gpp-faq-plus:before{width:12px;height:2px}.gpp-faq-plus:after{width:2px;height:12px}.gpp-faq-item[open] .gpp-faq-plus:after{display:none}.gpp-faq-answer{padding:0 15px 14px}.gpp-faq-answer p{margin:0;color:#667085;font-size:11px;line-height:1.6}.gpp-trust-ticker{position:relative;overflow:hidden;min-height:88px;border-radius:14px 14px 0 0;background:linear-gradient(135deg,#061426,#0b2039)}.gpp-ticker-track{width:max-content;display:flex;animation:gppTickerMove 28s linear infinite}.gpp-trust-ticker:hover .gpp-ticker-track{animation-play-state:paused}.gpp-ticker-group{display:flex;flex-shrink:0}.gpp-ticker-item{min-width:260px;padding:18px 28px;display:flex;align-items:center;gap:12px;border-right:1px solid rgba(255,255,255,.08)}.gpp-ticker-icon{width:42px;height:42px;flex:0 0 42px;border:1.5px solid #e1a600;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:20px}.gpp-ticker-item strong,.gpp-ticker-item small{display:block}.gpp-ticker-item strong{color:#fff;font-size:13px}.gpp-ticker-item small{margin-top:4px;color:#c5ced9;font-size:9px}@keyframes gppTickerMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}.gpp-custom-footer{width:100%;padding:36px 28px 0;border:1px solid #c98b00;border-top:0;border-radius:0 0 14px 14px;background:linear-gradient(135deg,#ffd85b 0%,#efb628 34%,#d79600 70%,#bf7e00 100%)}.gpp-footer-grid{display:grid;grid-template-columns:1.35fr .72fr .95fr .72fr 1fr;gap:40px}.gpp-footer-logo{display:inline-flex;flex-direction:column;color:#071426;text-decoration:none}.gpp-footer-logo>span{font-size:27px;font-weight:850}.gpp-footer-logo-white{color:#fff}.gpp-footer-logo small{margin-top:6px;font-size:10px}.gpp-footer-brand p{max-width:310px;margin:18px 0 21px;font-size:12px;line-height:1.7}.gpp-footer-socials{display:flex;gap:14px}.gpp-footer-socials a{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:21px;font-weight:800}.gpp-social-facebook{background:#1877f2}.gpp-social-x{background:#000}.gpp-social-instagram{background:radial-gradient(circle at 30% 110%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.gpp-social-youtube{background:#f00}.gpp-footer-column{display:flex;flex-direction:column}.gpp-footer-column h3,.gpp-footer-app h3{margin:0 0 16px;font-size:15px}.gpp-footer-column a{margin-bottom:11px;color:#172033;text-decoration:none;font-size:12px;font-weight:600}.gpp-footer-app p{margin:-6px 0 13px;font-size:12px}.gpp-store-button{width:186px;min-height:56px;margin-top:10px;padding:7px 12px;border-radius:9px;background:#071426;display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}.gpp-google-play-icon,.gpp-apple-icon{width:32px;height:34px;display:flex;align-items:center;justify-content:center;font-size:24px}.gpp-store-button span{display:flex;flex-direction:column}.gpp-store-button small{font-size:8px}.gpp-store-button strong{margin-top:3px;font-size:15px}.gpp-footer-bottom{margin:32px -28px 0;padding:17px 12px 19px;border-top:1px solid rgba(7,20,38,.17);background:rgba(7,20,38,.08);text-align:center;font-size:11px;font-weight:650}
@media(max-width:1180px){.gpp-header-inner{grid-template-columns:220px minmax(240px,1fr)}.gpp-header-actions{grid-column:1/-1;justify-content:flex-end;padding-bottom:14px}.gpp-nav-list{grid-template-columns:repeat(10,125px);overflow-x:auto}.gpp-gold-rate-grid{grid-template-columns:repeat(2,1fr)}.gpp-market-layout{grid-template-columns:1fr}.gpp-market-side-cards{grid-template-columns:repeat(2,1fr);grid-template-rows:none}.gpp-bottom-dashboard{grid-template-columns:1fr 1fr}.gpp-alert-card{grid-column:1/-1;min-height:220px}.gpp-country-price-grid,.gpp-insights-grid{grid-template-columns:repeat(2,1fr)}.gpp-faq-grid{grid-template-columns:1fr}.gpp-footer-grid{grid-template-columns:1.3fr 1fr 1fr;gap:30px}}
@media(max-width:767px){.gpp-container{width:calc(100% - 16px)}.gpp-main-header,.gpp-main-nav{display:none}.gpp-mobile-header{display:block;background:#fff;border-bottom:1px solid #eceef2}.gpp-mobile-top{min-height:80px;padding:10px 12px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:8px}.gpp-mobile-menu-button{width:40px;height:40px;border:0;background:transparent;font-size:26px}.gpp-mobile-text-logo{display:flex;flex-direction:column;color:#071426;text-decoration:none}.gpp-mobile-text-logo>span{font-size:21px;font-weight:800}.gpp-mobile-text-logo small{margin-top:5px;font-size:8px;color:#667085}.gpp-mobile-actions{display:flex;gap:6px}.gpp-mobile-circle-button{position:relative;width:43px;height:43px;border:1px solid #e4e7ec;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none}.gpp-mobile-notification-dot{position:absolute;top:3px;right:3px;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#e32636}.gpp-mobile-country-area{margin:0 9px 10px;padding:9px;border:1px solid #eadcb9;border-radius:15px;background:linear-gradient(90deg,#fff8e8,#fffdf7);display:grid;grid-template-columns:minmax(0,1fr) auto 42px;gap:8px}.gpp-mobile-country-dropdown{position:relative}.gpp-mobile-country-button{width:100%;height:46px;padding:0 11px;border:1px solid #d8ab35;border-radius:10px;background:#fff5d9;display:flex;align-items:center;gap:8px;color:#9a6800;font-size:14px;font-weight:700}.gpp-mobile-selected-flag-image{width:29px;height:20px;object-fit:cover;border-radius:3px}.gpp-mobile-country-button strong{flex:1;text-align:left}.gpp-mobile-country-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:99999;width:min(285px,calc(100vw - 35px));max-height:360px;padding:7px;border:1px solid #e6d4aa;border-radius:12px;background:#fff;box-shadow:0 15px 35px rgba(16,24,40,.16);overflow-y:auto;opacity:0;visibility:hidden;pointer-events:none}.gpp-mobile-country-dropdown.open .gpp-mobile-country-menu{opacity:1;visibility:visible;pointer-events:auto}.gpp-mobile-country-menu a{min-height:45px;padding:8px 10px;display:flex;align-items:center;gap:10px;color:#172033;text-decoration:none}.gpp-mobile-country-menu img{width:29px;height:20px;object-fit:cover}.gpp-mobile-app-button{height:46px;padding:0 15px;border-radius:10px;background:linear-gradient(135deg,#e1aa1d,#ba8000);display:flex;align-items:center;color:#fff;text-decoration:none;font-size:13px;font-weight:700}.gpp-mobile-favourite{width:42px;height:42px;border:1px solid #e4e7ec;border-radius:10px;background:#fff;font-size:21px}.gpp-mobile-market-nav{margin:0 9px 10px;min-height:82px;border:1px solid #eceef2;border-radius:14px;display:grid;grid-template-columns:repeat(6,1fr);background:#fff}.gpp-mobile-market-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#344054;text-decoration:none;font-size:11px}.gpp-mobile-market-nav a span{font-size:21px}.gpp-mobile-market-nav a.active{background:#fff6dd;color:#a66f00}.gpp-ad-banner{grid-template-columns:1fr;padding:12px;gap:8px}.gpp-ad-cta{width:max-content}.gpp-gold-panel{padding:14px 11px}.gpp-gold-panel-header{display:block}.gpp-gold-title-row h1{font-size:19px}.gpp-gold-controls{margin-top:12px;display:grid;grid-template-columns:1fr 1fr 38px}.gpp-gold-rate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gpp-gold-rate-card{min-height:132px;padding:12px}.gpp-gold-card-price strong{font-size:19px}.gpp-market-layout{grid-template-columns:1fr}.gpp-chart-periods{overflow-x:auto}.gpp-chart-plot{height:195px}.gpp-market-side-cards{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}.gpp-market-mini-card{grid-template-columns:38px minmax(0,1fr)}.gpp-market-change{grid-column:2}.gpp-market-arrow{display:none}.gpp-city-list{grid-template-columns:repeat(6,148px)}.gpp-small-view-button{font-size:9px;min-height:29px}.gpp-bottom-dashboard{grid-template-columns:1fr}.gpp-country-price-grid,.gpp-insights-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gpp-country-prices-panel,.gpp-insights-panel,.gpp-faq-panel{padding:14px 11px}.gpp-country-view-all{display:none}.gpp-country-mobile-view-all{min-height:43px;margin-top:10px;border-radius:8px;background:#fff8e7;display:flex;align-items:center;justify-content:center;color:#a77100;text-decoration:none;font-size:11px;font-weight:700}.gpp-market-summary{grid-template-columns:36px minmax(0,1fr)}.gpp-market-summary-link{grid-column:2}.gpp-faq-grid{grid-template-columns:1fr}.gpp-ticker-item{min-width:220px;padding:14px 18px}.gpp-custom-footer{padding:25px 15px 0}.gpp-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 18px}.gpp-footer-brand,.gpp-footer-app{grid-column:1/-1}.gpp-footer-bottom{margin:25px -15px 0}.gpp-store-button{width:180px}}


/* =========================================================
   RESTORED DESKTOP NAVIGATION
========================================================= */

.gpp-main-nav {
	position: sticky;
	top: 0;
	z-index: 900;
	width: 100%;
	background: #ffffff;
	border-bottom: 1px solid #e7e9ed;
	box-shadow: 0 2px 8px rgba(16, 24, 40, .025);
}

.gpp-nav-list {
	display: grid;
	grid-template-columns: repeat(10, minmax(0, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}

.gpp-nav-list li {
	position: relative;
	min-width: 0;
}

.gpp-nav-list a {
	min-height: 64px;
	padding: 0 9px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	color: #071426;
	text-decoration: none;
	font-size: 16px;
	font-weight: 700;
	white-space: nowrap;
	transition: color .2s ease, background .2s ease;
}

.gpp-nav-symbol {
	min-width: 22px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #071426;
	font-size: 20px;
	line-height: 1;
	font-weight: 700;
}

.gpp-nav-gold-symbol {
	font-size: 22px;
}

.gpp-nav-menu-symbol {
	font-size: 21px;
}

.gpp-nav-list li.active a,
.gpp-nav-list a:hover {
	color: #c58b00;
}

.gpp-nav-list li.active a .gpp-nav-symbol,
.gpp-nav-list a:hover .gpp-nav-symbol {
	color: #c58b00;
}

.gpp-nav-list li.active::after {
	content: "";
	position: absolute;
	left: 18px;
	right: 18px;
	bottom: 0;
	height: 3px;
	border-radius: 3px 3px 0 0;
	background: #d69b00;
}

@media (max-width: 1180px) and (min-width: 768px) {
	.gpp-nav-list {
		grid-template-columns: repeat(10, 132px);
		overflow-x: auto;
		scrollbar-width: none;
	}

	.gpp-nav-list::-webkit-scrollbar {
		display: none;
	}

	.gpp-nav-list a {
		font-size: 15px;
	}
}

@media (max-width: 767px) {
	.gpp-top-market-ticker {
		min-height: 34px;
	}

	.gpp-top-market-track,
	.gpp-top-market-item {
		min-height: 34px;
	}

	.gpp-top-market-item {
		padding: 0 15px;
		gap: 6px;
	}

	.gpp-top-market-label {
		font-size: 9px;
	}

	.gpp-top-market-item strong {
		font-size: 10px;
	}

	.gpp-top-market-up,
	.gpp-top-market-down {
		font-size: 8px;
	}
}


/* =========================================================
   FINAL MOBILE POLISH
   - stable mobile width
   - clean notification icon
   - compact city action
   - better mobile proportions
========================================================= */

html,
body,
.gpp-site {
	max-width: 100%;
	overflow-x: hidden;
}

.gpp-site,
.gpp-home-main,
.gpp-mobile-header,
.gpp-top-market-ticker {
	-webkit-text-size-adjust: 100%;
}

@media (max-width: 767px) {

	html,
	body {
		width: 100%;
		max-width: 100%;
		overflow-x: hidden !important;
	}

	body.gpp-homepage {
		position: relative;
		background: #f6f7f9;
	}

	.gpp-site {
		width: 100%;
		max-width: 100vw;
		overflow-x: clip;
	}

	.gpp-container {
		width: calc(100% - 20px) !important;
		max-width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	/* ---------- Top market bar ---------- */

	.gpp-top-market-ticker {
		width: 100%;
		max-width: 100vw;
		min-height: 32px;
		overflow: hidden;
	}

	.gpp-top-market-track,
	.gpp-top-market-item {
		min-height: 32px;
	}

	.gpp-top-market-item {
		padding: 0 13px;
		gap: 5px;
	}

	.gpp-top-market-label {
		font-size: 8px;
	}

	.gpp-top-market-item strong {
		font-size: 9px;
	}

	.gpp-top-market-up,
	.gpp-top-market-down {
		font-size: 7px;
	}

	/* ---------- Mobile header sizing ---------- */

	.gpp-mobile-header {
		width: 100%;
		max-width: 100vw;
		overflow: visible;
	}

	.gpp-mobile-top {
		min-height: 72px !important;
		padding: 8px 12px !important;
		grid-template-columns: 34px minmax(0, 1fr) auto !important;
		gap: 7px !important;
	}

	.gpp-mobile-menu-button {
		width: 34px !important;
		height: 34px !important;
		padding: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.gpp-mobile-menu-button svg {
		width: 22px !important;
		height: 22px !important;
		fill: none !important;
		stroke: #071426 !important;
		stroke-width: 2 !important;
		stroke-linecap: round;
	}

	.gpp-mobile-text-logo > span {
		font-size: 19px !important;
		line-height: 1 !important;
	}

	.gpp-mobile-text-logo small {
		margin-top: 4px !important;
		font-size: 7px !important;
	}

	.gpp-mobile-actions {
		gap: 6px !important;
		align-items: center;
	}

	/* Notification + account buttons */

	.gpp-mobile-circle-button {
		position: relative;
		width: 40px !important;
		height: 40px !important;
		min-width: 40px !important;
		padding: 0 !important;
		border: 1px solid #e1e6ec !important;
		border-radius: 50% !important;
		background: #ffffff !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		color: #0a2540 !important;
		box-shadow: 0 2px 8px rgba(16,24,40,.04);
	}

	.gpp-mobile-circle-button svg {
		display: block !important;
		width: 20px !important;
		height: 20px !important;
		fill: none !important;
		stroke: #0a2540 !important;
		stroke-width: 1.9 !important;
		stroke-linecap: round !important;
		stroke-linejoin: round !important;
	}

	.gpp-mobile-notification-button svg {
		width: 21px !important;
		height: 21px !important;
	}

	.gpp-mobile-notification-dot {
		top: 3px !important;
		right: 3px !important;
		width: 8px !important;
		height: 8px !important;
		border: 2px solid #ffffff !important;
		background: #e32636 !important;
		z-index: 2;
	}

	/* ---------- Country row ---------- */

	.gpp-mobile-country-area {
		width: auto !important;
		margin: 0 10px 9px !important;
		padding: 7px !important;
		grid-template-columns: minmax(0, 1fr) 94px 38px !important;
		gap: 6px !important;
		border-radius: 13px !important;
	}

	.gpp-mobile-country-button {
		height: 43px !important;
		min-width: 0;
		padding: 0 10px !important;
		font-size: 13px !important;
		border-radius: 9px !important;
	}

	.gpp-mobile-selected-flag-image {
		width: 26px !important;
		height: 18px !important;
	}

	.gpp-mobile-app-button {
		width: 94px !important;
		height: 43px !important;
		padding: 0 9px !important;
		justify-content: center !important;
		font-size: 12px !important;
		border-radius: 9px !important;
	}

	.gpp-mobile-favourite {
		width: 38px !important;
		height: 38px !important;
		min-width: 38px !important;
		padding: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}

	.gpp-mobile-favourite svg {
		width: 18px !important;
		height: 18px !important;
		fill: none !important;
		stroke: #071426 !important;
		stroke-width: 1.8 !important;
	}

	/* ---------- Mobile market nav ---------- */

	.gpp-mobile-market-nav {
		width: auto !important;
		margin: 0 10px 9px !important;
		min-height: 72px !important;
		border-radius: 12px !important;
		overflow: hidden !important;
	}

	.gpp-mobile-market-nav a {
		min-width: 0;
		padding: 8px 2px !important;
		gap: 4px !important;
		font-size: 9px !important;
	}

	.gpp-mobile-market-nav a span {
		font-size: 18px !important;
		line-height: 1 !important;
	}

	/* ---------- Advertisement ---------- */

	.gpp-ad-banner {
		border-radius: 11px !important;
		padding: 11px !important;
		gap: 7px !important;
	}

	.gpp-ad-label {
		padding: 5px 8px !important;
		font-size: 8px !important;
		border-radius: 5px !important;
	}

	.gpp-ad-copy strong {
		font-size: 14px !important;
	}

	.gpp-ad-copy span {
		font-size: 9.5px !important;
		line-height: 1.45 !important;
	}

	.gpp-ad-cta {
		min-height: 34px !important;
		padding: 0 11px !important;
		font-size: 9px !important;
		border-radius: 7px !important;
	}

	/* ---------- Gold cards proportion ---------- */

	.gpp-gold-panel {
		padding: 13px 10px !important;
		border-radius: 12px !important;
	}

	.gpp-gold-title-row {
		gap: 7px !important;
	}

	.gpp-gold-title-row h1 {
		font-size: 18px !important;
		line-height: 1.3 !important;
	}

	.gpp-live-badge {
		padding: 4px 7px !important;
		font-size: 9px !important;
	}

	.gpp-gold-update-line {
		font-size: 10px !important;
	}

	.gpp-gold-controls {
		grid-template-columns: minmax(0,1fr) minmax(0,1fr) 36px !important;
		gap: 6px !important;
	}

	.gpp-gold-controls select,
	.gpp-gold-more-button {
		height: 38px !important;
		font-size: 11px !important;
	}

	.gpp-gold-more-button {
		width: 36px !important;
	}

	.gpp-gold-rate-grid {
		gap: 7px !important;
	}

	.gpp-gold-rate-card {
		min-width: 0;
		min-height: 124px !important;
		padding: 10px !important;
		border-radius: 10px !important;
	}

	.gpp-gold-card-purity {
		font-size: 12px !important;
	}

	.gpp-gold-card-purity span {
		font-size: 8px !important;
	}

	.gpp-gold-bars-icon {
		width: 30px !important;
		height: 25px !important;
		flex: 0 0 auto;
	}

	.gpp-gold-card-price {
		margin-top: 13px !important;
		gap: 4px !important;
	}

	.gpp-gold-card-price span {
		font-size: 10px !important;
	}

	.gpp-gold-card-price strong {
		font-size: 18px !important;
		white-space: nowrap;
	}

	.gpp-gold-change {
		margin-top: 8px !important;
		font-size: 8px !important;
		white-space: nowrap;
	}

	/* ---------- Popular Cities ---------- */

	.gpp-cities-card {
		padding: 12px 10px !important;
		border-radius: 12px !important;
		overflow: hidden;
	}

	.gpp-section-heading-row {
		gap: 8px !important;
	}

	.gpp-section-heading-row h2 {
		font-size: 14px !important;
		line-height: 1.3;
	}

	.gpp-small-view-button {
		min-height: auto !important;
		height: auto !important;
		padding: 2px 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		gap: 3px !important;
		color: #a66f00 !important;
		font-size: 9px !important;
		font-weight: 750 !important;
		box-shadow: none !important;
	}

	.gpp-small-view-button svg {
		width: 10px !important;
		height: 10px !important;
	}

	.gpp-city-slider-wrap {
		margin-top: 10px !important;
	}

	.gpp-city-list {
		grid-template-columns: repeat(6, 136px) !important;
		gap: 7px !important;
		padding: 0 1px;
	}

	.gpp-city-card {
		min-height: 76px !important;
		padding: 8px !important;
		gap: 8px !important;
		border-radius: 9px !important;
	}

	.gpp-city-icon {
		width: 38px !important;
		height: 48px !important;
		flex: 0 0 38px !important;
		border-radius: 7px !important;
		background: #fff6dc !important;
		color: #b47a00 !important;
	}

	.gpp-city-icon svg {
		width: 22px !important;
		height: 22px !important;
		stroke-width: 1.8 !important;
	}

	.gpp-city-content strong {
		font-size: 11px !important;
	}

	.gpp-city-content span {
		margin-top: 4px !important;
		font-size: 9px !important;
	}

	.gpp-city-content small {
		margin-top: 3px !important;
		font-size: 8px !important;
	}

	.gpp-city-arrow {
		width: 23px !important;
		height: 23px !important;
		font-size: 15px !important;
	}

	.gpp-city-prev {
		left: -5px !important;
	}

	.gpp-city-next {
		right: -5px !important;
	}

	/* ---------- General mobile overflow protection ---------- */

	.gpp-gold-rate-grid,
	.gpp-market-layout,
	.gpp-market-side-cards,
	.gpp-bottom-dashboard,
	.gpp-country-price-grid,
	.gpp-insights-grid,
	.gpp-faq-grid,
	.gpp-footer-grid {
		max-width: 100%;
	}

	img,
	svg {
		max-width: 100%;
	}

	.gpp-custom-footer,
	.gpp-trust-ticker,
	.gpp-faq-panel,
	.gpp-insights-panel,
	.gpp-country-prices-panel,
	.gpp-dashboard-card,
	.gpp-live-chart-card,
	.gpp-gold-panel,
	.gpp-cities-card {
		max-width: 100%;
	}

}


/* Very small phones */
@media (max-width: 390px) {

	.gpp-container {
		width: calc(100% - 14px) !important;
	}

	.gpp-mobile-top {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}

	.gpp-mobile-country-area,
	.gpp-mobile-market-nav {
		margin-left: 7px !important;
		margin-right: 7px !important;
	}

	.gpp-mobile-country-area {
		grid-template-columns: minmax(0,1fr) 84px 36px !important;
	}

	.gpp-mobile-app-button {
		width: 84px !important;
		font-size: 11px !important;
	}

	.gpp-mobile-favourite {
		width: 36px !important;
		height: 36px !important;
		min-width: 36px !important;
	}

	.gpp-gold-card-price strong {
		font-size: 16px !important;
	}

	.gpp-gold-change {
		font-size: 7.5px !important;
	}

	.gpp-city-list {
		grid-template-columns: repeat(6, 130px) !important;
	}
}


/* =========================================================
   RESPONSIVE LAYOUT STABILITY FIX
   Prevents horizontal cutting and improves mobile chart/cards.
========================================================= */

html,
body {
	width: 100%;
	max-width: 100%;
	overflow-x: hidden !important;
}

.gpp-site,
.gpp-home-main {
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
}

.gpp-main-header,
.gpp-main-nav,
.gpp-mobile-header,
.gpp-top-market-ticker {
	max-width: 100%;
}

/* Make desktop notification button always visible */
@media (min-width: 768px) {

	.gpp-header-inner {
		grid-template-columns: 235px minmax(300px, 1fr) auto !important;
		gap: 18px !important;
	}

	.gpp-header-actions {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: flex-end !important;
		min-width: max-content;
	}

	.gpp-header-actions .gpp-icon-button {
		display: inline-flex !important;
		visibility: visible !important;
		opacity: 1 !important;
		flex: 0 0 48px !important;
		width: 48px !important;
		height: 48px !important;
	}

	.gpp-header-actions .gpp-icon-button svg {
		width: 22px !important;
		height: 22px !important;
		stroke: #071426 !important;
	}
}

/* Tablet: keep header actions on one clean row */
@media (min-width: 768px) and (max-width: 1180px) {

	.gpp-header-inner {
		grid-template-columns: 205px minmax(260px, 1fr) !important;
	}

	.gpp-header-actions {
		grid-column: 1 / -1 !important;
		padding-bottom: 12px !important;
		justify-content: flex-end !important;
	}
}


/* =========================================================
   MOBILE FINAL FIXES
========================================================= */

@media (max-width: 767px) {

	html,
	body {
		width: 100% !important;
		max-width: 100% !important;
		overflow-x: hidden !important;
	}

	.gpp-site {
		width: 100% !important;
		max-width: 100% !important;
		overflow-x: hidden !important;
	}

	.gpp-container {
		width: calc(100% - 16px) !important;
		max-width: calc(100% - 16px) !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.gpp-home-section,
	.gpp-gold-panel,
	.gpp-live-chart-card,
	.gpp-market-side-cards,
	.gpp-cities-card,
	.gpp-ad-section,
	.gpp-bottom-dashboard,
	.gpp-country-prices-panel,
	.gpp-insights-panel,
	.gpp-faq-panel,
	.gpp-trust-ticker,
	.gpp-custom-footer {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	/* Prevent iOS from auto-zooming form controls on focus */
	.gpp-gold-controls select,
	.gpp-header-search input,
	.gpp-mobile-country-button {
		font-size: 16px !important;
	}

	/* Mobile chart: all range buttons visible */
	.gpp-chart-periods {
		width: 100% !important;
		display: grid !important;
		grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
		gap: 5px !important;
		overflow: visible !important;
	}

	.gpp-chart-periods button {
		width: 100% !important;
		min-width: 0 !important;
		height: 34px !important;
		padding: 0 2px !important;
		font-size: 9px !important;
	}

	.gpp-svg-chart {
		width: 100% !important;
		max-width: 100% !important;
		padding-left: 34px !important;
		overflow: hidden !important;
	}

	.gpp-chart-y-labels {
		width: 31px !important;
		font-size: 8px !important;
	}

	.gpp-chart-plot {
		width: 100% !important;
		min-width: 0 !important;
		height: 205px !important;
		overflow: hidden !important;
	}

	.gpp-chart-svg {
		width: 100% !important;
		max-width: 100% !important;
	}

	.gpp-chart-x-labels {
		width: 100% !important;
		gap: 0 !important;
		font-size: 8px !important;
	}

	.gpp-chart-tooltip {
		left: 54% !important;
		max-width: 120px !important;
		padding: 8px 9px !important;
	}

	.gpp-chart-tooltip strong {
		font-size: 10px !important;
	}

	/* Market cards: no cropped Currency / Fuel cards */
	.gpp-market-side-cards {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 8px !important;
		overflow: visible !important;
	}

	.gpp-market-mini-card {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		min-height: 102px !important;
		padding: 10px !important;
		grid-template-columns: 36px minmax(0, 1fr) !important;
		grid-template-rows: auto auto !important;
		gap: 7px 8px !important;
		overflow: hidden !important;
	}

	.gpp-market-icon {
		width: 36px !important;
		height: 36px !important;
	}

	.gpp-market-info {
		min-width: 0 !important;
		overflow: hidden !important;
	}

	.gpp-market-info > span {
		display: block !important;
		width: 100% !important;
		font-size: 9px !important;
		line-height: 1.25 !important;
		white-space: normal !important;
		overflow-wrap: anywhere !important;
	}

	.gpp-market-info small {
		display: inline !important;
		font-size: 7px !important;
		white-space: normal !important;
	}

	.gpp-market-info strong {
		max-width: 100% !important;
		font-size: 13px !important;
		line-height: 1.2 !important;
		white-space: normal !important;
		overflow-wrap: anywhere !important;
	}

	.gpp-market-change {
		grid-column: 2 !important;
		font-size: 8px !important;
		white-space: nowrap !important;
	}

	/* City cards: contained slider, no right-side clipping of the page */
	.gpp-city-slider-wrap {
		width: 100% !important;
		max-width: 100% !important;
		overflow: hidden !important;
	}

	.gpp-city-list {
		width: 100% !important;
		max-width: 100% !important;
		display: flex !important;
		gap: 7px !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		scroll-snap-type: x proximity;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		padding: 0 1px 2px !important;
	}

	.gpp-city-list::-webkit-scrollbar {
		display: none !important;
	}

	.gpp-city-card {
		flex: 0 0 136px !important;
		width: 136px !important;
		min-width: 136px !important;
		max-width: 136px !important;
		scroll-snap-align: start;
	}

	.gpp-city-prev,
	.gpp-city-next {
		display: none !important;
	}

	.gpp-small-view-button {
		flex: 0 0 auto !important;
		white-space: nowrap !important;
	}

	/* Country grid also remains inside viewport */
	.gpp-country-price-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	.gpp-country-price-card {
		min-width: 0 !important;
		overflow: hidden !important;
	}

	.gpp-country-price-name strong {
		white-space: normal !important;
		overflow-wrap: anywhere !important;
	}

	/* Footer social icon clarity */
	.gpp-footer-socials {
		flex-wrap: wrap;
	}

	.gpp-social-instagram {
		color: #ffffff !important;
	}

	.gpp-social-instagram svg {
		width: 25px !important;
		height: 25px !important;
		display: block !important;
	}

	/* Stop any element from making document wider than viewport */
	.gpp-site * {
		max-width: 100%;
	}
}


/* =========================================================
   VERY SMALL PHONES
========================================================= */

@media (max-width: 390px) {

	.gpp-container {
		width: calc(100% - 12px) !important;
		max-width: calc(100% - 12px) !important;
	}

	.gpp-chart-periods {
		grid-template-columns: repeat(3, minmax(0,1fr)) !important;
	}

	.gpp-chart-periods button {
		height: 32px !important;
		font-size: 9px !important;
	}

	.gpp-market-mini-card {
		min-height: 98px !important;
		padding: 8px !important;
	}

	.gpp-market-info strong {
		font-size: 12px !important;
	}

	.gpp-city-card {
		flex-basis: 128px !important;
		width: 128px !important;
		min-width: 128px !important;
		max-width: 128px !important;
	}
}


/* =========================================================
   FOOTER ICON CLARITY
========================================================= */

.gpp-footer-socials a {
	font-size: 0 !important;
}

.gpp-footer-socials a svg {
	display: block !important;
	width: 24px !important;
	height: 24px !important;
	max-width: none !important;
}

.gpp-social-instagram {
	color: #ffffff !important;
}

.gpp-social-instagram svg {
	fill: none;
}

.gpp-google-play-icon svg,
.gpp-apple-icon svg {
	display: block !important;
	width: 30px !important;
	height: 32px !important;
	max-width: none !important;
}

.gpp-apple-icon {
	color: #ffffff !important;
}


/* =========================================================
   ULTIMATE MOBILE / DESKTOP STABILITY FIX
   Keep this block LAST in the file.
========================================================= */

/* Never allow the document itself to become wider than the screen. */
html,
body {
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	overflow-x: clip !important;
	overscroll-behavior-x: none;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

body.gpp-homepage,
.gpp-site,
.gpp-home-main {
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	overflow-x: clip !important;
	transform: none !important;
	zoom: 1 !important;
}

.gpp-site {
	min-height: auto !important;
}

/* Main content must always calculate from the viewport width. */
.gpp-container {
	box-sizing: border-box !important;
	min-width: 0 !important;
}

/* Tickers are allowed to be wider internally, but may never widen the page. */
.gpp-top-market-ticker,
.gpp-trust-ticker {
	width: 100% !important;
	max-width: 100% !important;
	overflow: hidden !important;
	contain: paint;
}

.gpp-top-market-track,
.gpp-top-market-group,
.gpp-top-market-item,
.gpp-ticker-track,
.gpp-ticker-group,
.gpp-ticker-item {
	max-width: none !important;
}

/* Faster moving bars */
.gpp-top-market-track {
	animation-duration: 12s !important;
}

.gpp-ticker-track {
	animation-duration: 15s !important;
}


/* =========================================================
   DESKTOP HEADER / NOTIFICATION
========================================================= */

@media (min-width: 1190px) {

	.gpp-header-inner {
		grid-template-columns: 230px minmax(340px, 1fr) auto !important;
		gap: 16px !important;
	}

	.gpp-header-actions {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: flex-end !important;
		gap: 9px !important;
		width: auto !important;
		min-width: max-content !important;
		overflow: visible !important;
	}

	.gpp-country-dropdown {
		flex: 0 0 auto !important;
	}

	.gpp-header-actions .gpp-icon-button {
		position: relative !important;
		display: inline-flex !important;
		flex: 0 0 48px !important;
		width: 48px !important;
		min-width: 48px !important;
		height: 48px !important;
		padding: 0 !important;
		visibility: visible !important;
		opacity: 1 !important;
		z-index: 5 !important;
		overflow: visible !important;
		border: 1px solid #dfe4ea !important;
		background: #ffffff !important;
		color: #071426 !important;
	}

	.gpp-header-actions .gpp-icon-button svg {
		display: block !important;
		width: 22px !important;
		height: 22px !important;
		max-width: none !important;
		fill: none !important;
		stroke: #071426 !important;
		stroke-width: 1.9 !important;
		stroke-linecap: round !important;
		stroke-linejoin: round !important;
	}

	.gpp-header-actions .gpp-notification-dot {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		z-index: 6 !important;
	}
}


/* =========================================================
   TABLET HEADER
========================================================= */

@media (min-width: 768px) and (max-width: 1189px) {

	.gpp-header-inner {
		grid-template-columns: 210px minmax(250px, 1fr) !important;
		gap: 14px !important;
	}

	.gpp-header-actions {
		grid-column: 1 / -1 !important;
		display: flex !important;
		flex-wrap: nowrap !important;
		justify-content: flex-end !important;
		align-items: center !important;
		gap: 8px !important;
		padding-bottom: 12px !important;
		overflow: visible !important;
	}

	.gpp-header-actions .gpp-icon-button {
		display: inline-flex !important;
		flex: 0 0 46px !important;
		width: 46px !important;
		min-width: 46px !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
}


/* =========================================================
   MOBILE: FIXED RESPONSIVE PAGE
========================================================= */

@media (max-width: 767px) {

	html,
	body,
	body.gpp-homepage,
	.gpp-site,
	.gpp-home-main {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		overflow-x: clip !important;
	}

	body.gpp-homepage {
		position: relative !important;
	}

	.gpp-container {
		width: calc(100% - 16px) !important;
		max-width: calc(100% - 16px) !important;
		min-width: 0 !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	/* Do NOT allow cards/grids to expand the document. */
	.gpp-home-section,
	.gpp-gold-panel,
	.gpp-live-chart-card,
	.gpp-market-layout,
	.gpp-market-side-cards,
	.gpp-cities-card,
	.gpp-ad-section,
	.gpp-ad-banner,
	.gpp-bottom-dashboard,
	.gpp-dashboard-card,
	.gpp-country-prices-panel,
	.gpp-country-price-grid,
	.gpp-insights-panel,
	.gpp-insights-grid,
	.gpp-faq-panel,
	.gpp-faq-grid,
	.gpp-custom-footer {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
	}

	/* Mobile header must not create any sideways movement. */
	.gpp-mobile-header {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		overflow: visible !important;
	}

	.gpp-mobile-top {
		width: 100% !important;
		min-width: 0 !important;
		grid-template-columns: 34px minmax(0, 1fr) auto !important;
		padding: 8px 10px !important;
	}

	.gpp-mobile-text-logo {
		min-width: 0 !important;
		overflow: hidden !important;
	}

	.gpp-mobile-text-logo > span {
		white-space: nowrap !important;
		font-size: 18px !important;
	}

	.gpp-mobile-actions {
		flex: 0 0 auto !important;
	}

	.gpp-mobile-circle-button {
		flex: 0 0 38px !important;
		width: 38px !important;
		min-width: 38px !important;
		height: 38px !important;
	}

	.gpp-mobile-circle-button svg {
		width: 20px !important;
		height: 20px !important;
		max-width: none !important;
	}

	/* Country row */
	.gpp-mobile-country-area {
		width: auto !important;
		max-width: none !important;
		min-width: 0 !important;
		margin: 0 8px 9px !important;
		padding: 7px !important;
		grid-template-columns: minmax(0, 1fr) 88px 36px !important;
		gap: 6px !important;
	}

	.gpp-mobile-country-button {
		min-width: 0 !important;
		width: 100% !important;
		height: 42px !important;
		font-size: 16px !important; /* avoids iOS input-style zoom behaviour */
	}

	.gpp-mobile-country-button strong {
		min-width: 0 !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
		font-size: 13px !important;
	}

	.gpp-mobile-app-button {
		width: 88px !important;
		min-width: 88px !important;
		height: 42px !important;
		padding: 0 8px !important;
		font-size: 11px !important;
	}

	.gpp-mobile-favourite {
		width: 36px !important;
		min-width: 36px !important;
		height: 36px !important;
	}

	/* Mobile market menu */
	.gpp-mobile-market-nav {
		width: auto !important;
		max-width: none !important;
		min-width: 0 !important;
		margin: 0 8px 9px !important;
		grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
		overflow: hidden !important;
	}

	.gpp-mobile-market-nav a {
		min-width: 0 !important;
		padding: 7px 1px !important;
		font-size: 9px !important;
	}

	.gpp-mobile-market-nav a span {
		font-size: 17px !important;
	}

	/* Gold controls: keep form fields from triggering browser auto zoom */
	.gpp-gold-controls select {
		min-width: 0 !important;
		width: 100% !important;
		font-size: 16px !important;
	}

	.gpp-gold-more-button {
		min-width: 0 !important;
	}

	/* Gold cards */
	.gpp-gold-rate-grid {
		width: 100% !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.gpp-gold-rate-card {
		min-width: 0 !important;
		width: 100% !important;
		overflow: hidden !important;
	}

	.gpp-gold-card-price {
		min-width: 0 !important;
	}

	.gpp-gold-card-price strong {
		font-size: 17px !important;
		white-space: nowrap !important;
	}

	.gpp-gold-change {
		font-size: 7.5px !important;
		white-space: nowrap !important;
	}

	/* ---------------- CHART ---------------- */

	.gpp-live-chart-card {
		overflow: hidden !important;
		padding: 13px 10px !important;
	}

	.gpp-live-chart-head {
		width: 100% !important;
		min-width: 0 !important;
	}

	.gpp-live-chart-head h2 {
		min-width: 0 !important;
		font-size: 15px !important;
		line-height: 1.3 !important;
	}

	.gpp-chart-open-button {
		flex: 0 0 34px !important;
		width: 34px !important;
		height: 34px !important;
	}

	/* ALL six range buttons always fit. */
	.gpp-chart-periods {
		width: 100% !important;
		max-width: 100% !important;
		display: grid !important;
		grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
		gap: 4px !important;
		overflow: hidden !important;
	}

	.gpp-chart-periods button {
		width: 100% !important;
		min-width: 0 !important;
		height: 32px !important;
		padding: 0 1px !important;
		font-size: 8px !important;
	}

	.gpp-svg-chart {
		box-sizing: border-box !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		padding-left: 31px !important;
		overflow: hidden !important;
	}

	.gpp-chart-y-labels {
		width: 27px !important;
		font-size: 7.5px !important;
	}

	.gpp-chart-plot {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		height: 195px !important;
		overflow: hidden !important;
	}

	.gpp-chart-svg {
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
	}

	.gpp-chart-x-labels {
		width: 100% !important;
		max-width: 100% !important;
		font-size: 7.5px !important;
		overflow: hidden !important;
	}

	.gpp-chart-tooltip {
		left: 52% !important;
		max-width: 108px !important;
		padding: 7px 8px !important;
	}

	.gpp-chart-tooltip strong {
		font-size: 9px !important;
	}

	/* ---------------- MARKET CARDS ---------------- */

	.gpp-market-side-cards {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		grid-template-rows: none !important;
		gap: 7px !important;
		overflow: hidden !important;
	}

	.gpp-market-mini-card {
		box-sizing: border-box !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		min-height: 96px !important;
		padding: 9px !important;
		grid-template-columns: 34px minmax(0, 1fr) !important;
		grid-template-rows: auto auto !important;
		gap: 6px 7px !important;
		overflow: hidden !important;
	}

	.gpp-market-icon {
		width: 34px !important;
		height: 34px !important;
		flex: 0 0 34px !important;
	}

	.gpp-market-info {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		overflow: hidden !important;
	}

	.gpp-market-info > span {
		width: 100% !important;
		min-width: 0 !important;
		font-size: 8.5px !important;
		line-height: 1.25 !important;
		white-space: normal !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	.gpp-market-info small {
		font-size: 6.5px !important;
		white-space: normal !important;
	}

	.gpp-market-info strong {
		width: 100% !important;
		max-width: 100% !important;
		font-size: 12px !important;
		line-height: 1.25 !important;
		white-space: normal !important;
		overflow-wrap: anywhere !important;
	}

	.gpp-market-change {
		grid-column: 2 !important;
		min-width: 0 !important;
		font-size: 7.5px !important;
		white-space: nowrap !important;
	}

	.gpp-market-arrow {
		display: none !important;
	}

	/* ---------------- CITIES ---------------- */

	.gpp-cities-card {
		overflow: hidden !important;
	}

	.gpp-section-heading-row {
		min-width: 0 !important;
	}

	.gpp-section-heading-row h2 {
		min-width: 0 !important;
		font-size: 13px !important;
	}

	.gpp-small-view-button {
		flex: 0 0 auto !important;
		white-space: nowrap !important;
		font-size: 8px !important;
	}

	.gpp-city-slider-wrap {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		overflow: hidden !important;
	}

	.gpp-city-list {
		box-sizing: border-box !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		display: flex !important;
		grid-template-columns: none !important;
		gap: 7px !important;
		padding: 0 1px 2px !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.gpp-city-list::-webkit-scrollbar {
		display: none !important;
	}

	.gpp-city-card {
		box-sizing: border-box !important;
		flex: 0 0 132px !important;
		width: 132px !important;
		min-width: 132px !important;
		max-width: 132px !important;
	}

	/* These arrows were creating visual overlap on phones. */
	.gpp-city-prev,
	.gpp-city-next {
		display: none !important;
	}

	/* Footer icons */
	.gpp-footer-socials {
		flex-wrap: wrap !important;
	}

	.gpp-footer-socials a {
		flex: 0 0 44px !important;
		width: 44px !important;
		height: 44px !important;
	}

	.gpp-footer-socials a svg {
		width: 23px !important;
		height: 23px !important;
		max-width: none !important;
	}

	.gpp-social-instagram {
		color: #ffffff !important;
	}

	.gpp-google-play-icon svg,
	.gpp-apple-icon svg {
		max-width: none !important;
	}

	/* Images/SVGs may scale down but must not create document overflow. */
	img {
		max-width: 100%;
		height: auto;
	}

	/* Explicit exception for animated ticker internals. */
	.gpp-top-market-track,
	.gpp-top-market-group,
	.gpp-top-market-item,
	.gpp-ticker-track,
	.gpp-ticker-group,
	.gpp-ticker-item {
		max-width: none !important;
	}

}


/* =========================================================
   SMALL PHONES
========================================================= */

@media (max-width: 390px) {

	.gpp-container {
		width: calc(100% - 12px) !important;
		max-width: calc(100% - 12px) !important;
	}

	.gpp-chart-periods {
		grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
		gap: 3px !important;
	}

	.gpp-chart-periods button {
		height: 30px !important;
		font-size: 7px !important;
	}

	.gpp-market-mini-card {
		min-height: 94px !important;
		padding: 8px !important;
	}

	.gpp-market-info > span {
		font-size: 8px !important;
	}

	.gpp-market-info strong {
		font-size: 11px !important;
	}

	.gpp-city-card {
		flex-basis: 126px !important;
		width: 126px !important;
		min-width: 126px !important;
		max-width: 126px !important;
	}
}


/* =========================================================
   CHART PERIOD BUTTON VISIBILITY FIX
   Keep this block LAST.
========================================================= */

.gpp-chart-periods button {
	color: #263244 !important;
	background: #f4f6f8 !important;
	border: 1px solid #d9dee5 !important;
	opacity: 1 !important;
	visibility: visible !important;
	text-shadow: none !important;
	box-shadow: 0 1px 2px rgba(16,24,40,.03) !important;
}

.gpp-chart-periods button:hover {
	color: #9b6800 !important;
	background: #fff6dc !important;
	border-color: #dfbd64 !important;
}

.gpp-chart-periods button.active {
	color: #ffffff !important;
	background: #d99b00 !important;
	border-color: #d99b00 !important;
	box-shadow: 0 3px 8px rgba(217,155,0,.20) !important;
}

/* Keyboard accessibility */
.gpp-chart-periods button:focus-visible {
	outline: 2px solid #071426 !important;
	outline-offset: 2px !important;
}


/* Desktop */
@media (min-width: 768px) {

	.gpp-chart-periods {
		display: flex !important;
		align-items: center !important;
		gap: 8px !important;
		overflow: visible !important;
	}

	.gpp-chart-periods button {
		min-width: 48px !important;
		height: 34px !important;
		padding: 0 10px !important;
		font-size: 12px !important;
		font-weight: 750 !important;
	}
}


/* Mobile */
@media (max-width: 767px) {

	.gpp-chart-periods {
		width: 100% !important;
		display: grid !important;
		grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
		gap: 5px !important;
		overflow: hidden !important;
	}

	.gpp-chart-periods button {
		width: 100% !important;
		min-width: 0 !important;
		height: 33px !important;
		padding: 0 2px !important;
		font-size: 9px !important;
		font-weight: 800 !important;
		color: #263244 !important;
		background: #f4f6f8 !important;
		border-color: #d9dee5 !important;
	}

	.gpp-chart-periods button.active {
		color: #ffffff !important;
		background: #d99b00 !important;
		border-color: #d99b00 !important;
	}
}

@media (max-width: 390px) {

	.gpp-chart-periods {
		gap: 3px !important;
	}

	.gpp-chart-periods button {
		height: 31px !important;
		font-size: 8px !important;
	}
}