.gold-price-section{padding:2rem 0;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.gold-price-section .container{max-width:1200px;margin:0 auto;padding:0 1rem}.section-header{text-align:center;margin-bottom:2rem}.section-title{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.section-subtitle{font-size:1.1rem;color:#7f8c8d;margin:0}.gold-price-card{background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:20px;padding:2rem;box-shadow:0 20px 40px #0000001a,0 0 0 1px #ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease;position:relative;overflow:hidden}.gold-price-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,gold,#ffed4e,gold);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{background-position:-200% 0}50%{background-position:200% 0}}.gold-price-card:hover{transform:translateY(-5px);box-shadow:0 30px 60px #00000026,0 0 0 1px #fff9}.price-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(255,215,0,.2)}.gold-icon{color:gold;margin-right:1rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.price-title h3{font-size:1.5rem;font-weight:600;color:#2c3e50;margin:0 0 .25rem}.last-updated{font-size:.875rem;color:#7f8c8d;margin:0}.refresh-btn{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:50%;width:40px;height:40px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 15px #3498db4d}.refresh-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3498db66}.refresh-btn.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem}.rate-item{background:linear-gradient(145deg,#f8f9fa,#e9ecef);border-radius:15px;padding:1.5rem;text-align:center;border:2px solid transparent;transition:all .3s ease;position:relative;overflow:hidden}.rate-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(145deg,transparent 0%,rgba(255,215,0,.05) 100%);opacity:0;transition:opacity .3s ease}.rate-item:hover{border-color:gold;transform:translateY(-3px);box-shadow:0 10px 25px #ffd70033}.rate-item:hover:before{opacity:1}.rate-label{font-size:.875rem;font-weight:600;color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.rate-value{font-size:1.75rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.rate-change{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:12px;display:inline-block;min-width:60px}.rate-change.positive{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.rate-change.negative{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.rate-item.usd-gram,.rate-item.usd-ounce{border-left:4px solid #27ae60}.rate-item.pkr-gram,.rate-item.pkr-tola{border-left:4px solid #3498db}.rate-item.usd-rate{border-left:4px solid #f39c12}.price-disclaimer{background:#34495e0d;border-radius:10px;padding:1rem;text-align:center;border-left:4px solid #ffd700}.price-disclaimer p{font-size:.875rem;color:#7f8c8d;margin:0;line-height:1.5}@media (max-width: 768px){.gold-price-section{padding:1rem 0}.section-title{font-size:2rem}.gold-price-card{padding:1.5rem;margin:0 .5rem}.price-header{flex-direction:column;align-items:flex-start;gap:1rem}.rates-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.rate-item{padding:1rem}.rate-value{font-size:1.5rem}}@media (max-width: 480px){.rates-grid{grid-template-columns:1fr}.section-title{font-size:1.75rem}.gold-price-card{padding:1rem}}.loading{position:relative}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #f3f3f3;border-top:2px solid #ffd700;border-radius:50%;animation:spin 1s linear infinite}.error .rate-value{color:#e74c3c;font-size:1rem}@media (prefers-reduced-motion: reduce){.gold-price-card,.rate-item,.refresh-btn{transition:none}.gold-icon,.refresh-btn.spinning{animation:none}.gold-price-card:before{animation:none}}@media (prefers-contrast: high){.gold-price-card{border:2px solid #000}.rate-item{border:1px solid #666}.rate-value{color:#000}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/gold-price-card.css.map */