/* ราคาทองวันนี้ (ใช้ทั้งหน้าหลักและหน้าสินค้าที่รับ) */
.goldbox{--gb-font:var(--font-display,var(--fd,'Kanit',system-ui,sans-serif));position:relative;border-radius:24px;padding:20px;border:1.5px solid rgba(245,206,74,.55);
  background:radial-gradient(120% 90% at 100% 0%,rgba(245,206,74,.16),transparent 55%),radial-gradient(90% 80% at 0% 100%,rgba(225,27,34,.18),transparent 60%),linear-gradient(160deg,rgba(28,12,13,.96),rgba(12,6,7,.96));
  box-shadow:0 30px 70px -40px rgba(225,27,34,1),inset 0 1px 0 rgba(255,243,196,.12);overflow:hidden;isolation:isolate}
.goldbox::before{content:"";position:absolute;top:0;bottom:0;left:0;width:45%;z-index:-1;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,236,170,.08),transparent);transform:translateX(-120%);animation:gbShine 7s ease-in-out 1s infinite;will-change:transform}
@keyframes gbShine{0%,55%{transform:translateX(-120%)}90%,100%{transform:translateX(260%)}}
.gb__top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:16px}
.gb__live{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 10px;border-radius:99px;font:700 12.5px var(--gb-font);color:#BFF5CF;background:rgba(32,170,90,.16);border:1px solid rgba(60,210,120,.45)}
.gb__live i{width:8px;height:8px;border-radius:50%;background:#3BE07F;box-shadow:0 0 0 0 rgba(59,224,127,.7);animation:gbPing 1.8s ease-out infinite}
@keyframes gbPing{0%{box-shadow:0 0 0 0 rgba(59,224,127,.7)}80%,100%{box-shadow:0 0 0 9px rgba(59,224,127,0)}}
.gb__when{font:500 13.5px var(--gb-font);color:var(--fg-soft,#d8c9b0)}
.gb__chg{margin-left:auto;font:700 13px var(--gb-font);padding:4px 11px;border-radius:99px;color:var(--fg-soft,#d8c9b0);background:rgba(255,255,255,.06)}
.gb__chg.is-up{color:#7EF0A6;background:rgba(40,190,100,.14)}
.gb__chg.is-down{color:#FF8A8E;background:rgba(225,27,34,.16)}
.gb__main{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gb__card{position:relative;padding:16px 16px 14px;border-radius:18px;background:linear-gradient(170deg,rgba(255,226,122,.1),rgba(255,226,122,.03));border:1px solid rgba(245,206,74,.35)}
.gb__card h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font:800 17px var(--gb-font);color:var(--gold-bright,#FFE27A)}
.gb__card h3::before{content:"";width:22px;height:14px;border-radius:3px;background:linear-gradient(135deg,#FFF3C4,#F5CE4A 40%,#B8861F);box-shadow:inset 0 0 0 1px rgba(120,80,0,.35)}
.gb__card--orn h3::before{width:16px;height:16px;border-radius:50%;background:none;border:3.5px solid #E9B93C;box-shadow:none}
.gb__row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px dashed rgba(245,206,74,.22)}
.gb__row span{font:600 14px var(--gb-font);color:var(--fg-soft,#d8c9b0)}
.gb__row b{font:800 clamp(22px,2.6vw,30px)/1.1 var(--gb-font);color:var(--fg,#fff);font-variant-numeric:tabular-nums;letter-spacing:-.3px;transition:color .3s}
.gb__row--sell b{background:var(--grad-gold,linear-gradient(135deg,#FFF3C4,#F5CE4A 40%,#C9962A));-webkit-background-clip:text;background-clip:text;color:transparent}
.gb__card small{display:block;margin-top:4px;font-size:12px;color:var(--fg-mute,#a08f78)}
.gb__purity{margin-top:14px}
.gb__purity h4{margin:0 0 8px;font:700 14px var(--gb-font);color:var(--fg,#fff)}
.gb__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.gb__p{padding:10px 10px 9px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(245,206,74,.18);display:grid;gap:3px}
.gb__p b{font:800 15px var(--gb-font);color:var(--gold-bright,#FFE27A)}
.gb__p span{display:flex;align-items:baseline;justify-content:space-between;gap:6px}
.gb__p em{font:700 14px var(--gb-font);font-style:normal;color:var(--fg,#fff);font-variant-numeric:tabular-nums}
.gb__p small{font-size:11px;color:var(--fg-mute,#a08f78);white-space:nowrap}
.gb__foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:14px;font-size:12.5px;color:var(--fg-mute,#a08f78)}
.gb__foot span[data-g="spot"]{font:600 12.5px var(--gb-font);color:var(--fg-soft,#d8c9b0)}
.gb__foot span[data-g="note"]{flex:1 1 320px}
.gb__foot a{color:var(--gold-bright,#FFE27A);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.gb__err{margin-top:12px;padding:10px 14px;border-radius:12px;font-size:14px;color:var(--fg-soft,#d8c9b0);background:rgba(255,255,255,.05);border:1px solid rgba(245,206,74,.25)}
.gb__err a{color:var(--gold-bright,#FFE27A);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.goldbox .up{color:#7EF0A6!important;-webkit-text-fill-color:#7EF0A6}
.goldbox .down{color:#FF8A8E!important;-webkit-text-fill-color:#FF8A8E}
.goldbox .up,.goldbox .down{animation:gbFlash 2.2s ease-out forwards}
@keyframes gbFlash{0%,60%{opacity:1}100%{opacity:1}}
.goldbox.is-loading [data-k]{color:transparent!important;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.16),rgba(255,255,255,.06)) 0 0/200% 100%;border-radius:8px;animation:gbSkel 1.2s linear infinite}
@keyframes gbSkel{to{background-position:-200% 0}}
.goldbox.is-error .gb__top,.goldbox.is-error .gb__main,.goldbox.is-error .gb__purity,.goldbox.is-error [data-g="spot"],.goldbox.is-error .gb__foot a{display:none}
.goldbox.is-error .gb__err{margin-top:0;padding:18px;font-size:15.5px;text-align:center;display:grid;gap:12px;justify-items:center}
.goldbox.is-error .gb__err a{display:inline-flex;align-items:center;padding:12px 22px;border-radius:99px;text-decoration:none;color:#3A0507;background:var(--grad-gold,linear-gradient(135deg,#FFF3C4,#F5CE4A 40%,#C9962A));font:800 16px var(--gb-font)}
.gb__chg:empty{display:none}
.goldbox.is-stale .gb__live{color:#FFE7A8;background:rgba(245,206,74,.12);border-color:rgba(245,206,74,.4)}
.goldbox.is-stale .gb__live i{background:#F5CE4A;animation:none}
@media (max-width:900px){.gb__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:620px){.goldbox{padding:16px 14px;border-radius:20px}.gb__main{grid-template-columns:1fr}.gb__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gb__chg{margin-left:0}}
@media (prefers-reduced-motion:reduce){.goldbox::before,.gb__live i{animation:none}}