/* 5/11 ห้างทองมีนาโกลด์: red + gold. Loaded only by shops with settings.gold_shop = 1 or skin = redgold; every other shop never gets this file. */

/* ===== skin-redgold: market theme in red and gold ===== */
body.theme-market.skin-redgold {
  --navy: #4a070b; --royal: #8f0f16; --yel: #f6dc8a; --red: #b3151d; --mk-line: #efe2c4; --mk-ink: #2a1a12; --brand: #8f0f16; --brand-dark: #6b0a10; --brand-soft: #fff3d6;
  --gold: linear-gradient(180deg, #fff6cf 0%, #f2d585 30%, #c99633 60%, #f4dc92 82%, #a87418 100%);
  background: #fff8e8;
}
.skin-redgold .mk-top { background: radial-gradient(130% 160% at 50% 0%, #b3151d 0%, #8f0f16 50%, #4a070b 100%); border-bottom: 3px solid #d8a93b; }
.skin-redgold .mk-logo { border-color: #d8a93b; background: #4a070b; box-shadow: 0 4px 14px rgba(0, 0, 0, .35); }
.skin-redgold .mk-name { text-shadow: none; }
.skin-redgold .mk-sub { color: #f6e3b5; }
.skin-redgold .mk-loc { color: #e9cf8f; }
.skin-redgold .mk-search { border-color: #d8a93b; }
.skin-redgold .mk-search button { background: linear-gradient(180deg, #f8e19a, #d4a034); color: #4a070b; }
.skin-redgold .mk-search button:hover { background: #d4a034; }
.skin-redgold .mk-soc a, .skin-redgold .mk-cart { color: #fbeec6; }
.skin-redgold .mk-phone b { text-shadow: 0 2px 0 #4a070b; color: #fff; }
.skin-redgold .mk-phone-ic { color: #4a070b; background: #f6dc8a; }
.skin-redgold .mk-call { color: #f6dc8a; }
.skin-redgold .cart-count { background: #f6dc8a; color: #4a070b; }
.skin-redgold .mk-nav { background: #4a070b; border-bottom: 1px solid #6b1a1f; box-shadow: none; }
.skin-redgold .mk-links a { color: #f6e3b5; }
.skin-redgold .mk-links a.active, .skin-redgold .mk-links a:hover { color: #fff; border-bottom-color: #d8a93b; }
.skin-redgold .mk-nav-ic, .skin-redgold .mk-login svg { color: #d8a93b; }
.skin-redgold .mk-login { color: #f6e3b5; }
.skin-redgold .mk-cats-h, .skin-redgold .mk-cats .mk-cats-h, .skin-redgold .mk-cats .mk-cats-h:hover { background: #8f0f16; color: #f6dc8a; }
.skin-redgold .mk-cats a:hover, .skin-redgold .mk-cats a.active { background: #fff3d6; color: #8f0f16; }
.skin-redgold .mk-cats a.active { box-shadow: inset 3px 0 0 #d8a93b; }
.skin-redgold .mk-sec-h h2, .skin-redgold .page-title, .skin-redgold .info-card .info-v { color: #8f0f16; }
.skin-redgold .p-wrap:hover, .skin-redgold .p-card:hover { border-color: #d8a93b; }
.skin-redgold .p-price .now { color: #b3151d; }
.skin-redgold .quick-add { background: #8f0f16; color: #f6dc8a; }
.skin-redgold .quick-add:hover { background: #6b0a10; }
.skin-redgold .btn-primary { background: #8f0f16; border-color: #8f0f16; color: #fff; }
.skin-redgold .btn-primary:hover { background: #6b0a10; color: #fff; }
.skin-redgold .btn-outline { border-color: #8f0f16; color: #8f0f16; }
.skin-redgold .crumbs a { color: #8f0f16; }
.skin-redgold .mk-footer { background: linear-gradient(180deg, #4a070b, #2b0406); border-top: 3px solid #d8a93b; }
.skin-redgold .mk-foot-loc, .skin-redgold .mk-copy a { color: #e9cf8f; }
.skin-redgold .mk-copy { color: #c9ab78; }
.skin-redgold .mk-totop { background: #f6dc8a; color: #4a070b; }
.skin-redgold .opt input:checked + span { border-color: #8f0f16; background: #8f0f16; color: #f6dc8a; }

/* ===== gold words ===== */
.gd-gt { background: linear-gradient(180deg, #fff6cf 0%, #f2d585 30%, #c99633 60%, #f4dc92 82%, #a87418 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* ===== price board ===== */
.gd-board { background: linear-gradient(135deg, #2b0406, #5b0a10 60%, #2b0406); color: #fff; padding: 16px 0 18px; border-bottom: 2px solid #d8a93b; scroll-margin-top: 8px; }
.gd-board h2 { margin: 0; font-size: 1.3rem; display: flex; align-items: baseline; gap: 4px 10px; flex-wrap: wrap; line-height: 1.5; }
.gd-upd { color: #e9cf8f; font-size: .82rem; font-weight: 400; font-family: 'IBM Plex Sans Thai', sans-serif; }
.gd-ptable { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 10px; }
@media (min-width: 760px) { .gd-ptable { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.gd-pc { border: 1px solid #a37a2c; border-radius: 14px; padding: 10px 12px; background: rgba(0, 0, 0, .25); }
.gd-pc span { color: #f1d999; font-size: .82rem; display: block; }
.gd-pc b { font-size: 1.5rem; letter-spacing: .3px; font-family: var(--font-h, inherit); font-weight: 600; }
.gd-pc em { font-style: normal; font-size: .78rem; color: #e7d6b0; }
.gd-pc i { font-style: normal; display: block; font-size: .95rem; color: #e7d6b0; padding: 6px 0 4px; }
.gd-pc.buy { border-color: #e2b84d; background: rgba(216, 169, 59, .14); }
.gd-note { font-size: .76rem; color: #d7c08a; margin-top: 8px; }
.gd-wait-box { margin-top: 10px; border: 1px dashed #d8a93b; border-radius: 14px; padding: 14px; background: rgba(0, 0, 0, .25); }
.gd-wait-box b { display: block; font-size: 1.1rem; color: #f6dc8a; font-family: var(--font-h, inherit); font-weight: 600; }
.gd-wait-box > span { display: block; color: #f1e3c0; font-size: .9rem; margin-top: 2px; }

/* ===== buttons ===== */
.gd-asks { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.gd-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; border-radius: 12px; padding: 10px 14px; font-weight: 600; font-size: .95rem; line-height: 1.3; border: 1px solid transparent; min-height: 44px; }
.gd-btn-line { background: #06c755; color: #fff; }
.gd-btn-line:hover { background: #05b04b; color: #fff; }
.gd-btn-tel { background: #fff; color: #8f0f16; border-color: #d8a93b; }
.gd-btn-gold { background: linear-gradient(180deg, #f8e19a, #d4a034); color: #4a070b; }
.pd-info .gd-asks { margin: 22px 0 14px; }
.pd-info .gd-btn { flex: 1 1 200px; min-height: 50px; }

/* ===== banner ===== */
.gd-hero { position: relative; background: linear-gradient(135deg, #8f0f16, #4a070b); }
.gd-hero img { display: block; width: 100%; max-width: 1300px; margin: 0 auto; height: 520px; object-fit: cover; object-position: center 52%; }
@media (max-width: 640px) { .gd-hero img { height: 240px; } }
.gd-cap { position: absolute; inset: auto 0 0 0; background: linear-gradient(0deg, rgba(40, 4, 6, .96) 30%, rgba(40, 4, 6, 0)); color: #fff; padding: 44px 0 14px; }
.gd-hero.no-img .gd-cap { position: static; background: none; padding: 26px 0; }
.gd-cap b { display: block; font-size: 1.55rem; color: #ffe08a; line-height: 1.35; font-family: var(--font-h, inherit); font-weight: 600; text-shadow: 0 2px 6px #000; }
.gd-cap span { display: block; color: #f6e3b5; font-size: .95rem; line-height: 1.5; }
@media (max-width: 640px) { .gd-cap b { font-size: 1.2rem; } .gd-cap span { font-size: .84rem; } }

/* ===== sections ===== */
.gd-sec { padding: 24px 0 4px; scroll-margin-top: 8px; }
.gd-sec:last-of-type { padding-bottom: 30px; }
.gd-h { margin: 0 0 14px; font-size: 1.3rem; color: #8f0f16; display: flex; align-items: center; gap: 10px; }
.gd-h::after { content: ""; flex: 1; height: 2px; background: linear-gradient(90deg, #d8a93b, transparent); }
.gd-h2 { margin-top: 24px; }
.gd-h a { order: 2; font-size: .9rem; font-weight: 500; color: #8f0f16; white-space: nowrap; }
.gd-cats { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
@media (max-width: 640px) { .gd-cats { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.gd-cat { display: block; background: #fff; border: 1px solid #efe2c4; border-radius: 16px; text-align: center; padding: 8px 6px 10px; box-shadow: 0 4px 12px rgba(143, 15, 22, .06); }
.gd-cat:hover { border-color: #d8a93b; }
.gd-cat img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 12px; display: block; }
.gd-cat b { display: block; margin-top: 6px; font-size: .92rem; color: #8f0f16; font-weight: 600; }
.theme-market .gd-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 760px) { .theme-market .gd-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ===== installment ===== */
.gd-ins { background: linear-gradient(135deg, #8f0f16, #4a070b); color: #fff; border-radius: 22px; padding: 20px 16px; border: 2px solid #d8a93b; }
.gd-ins h1, .gd-ins h2 { margin: 0 0 4px; font-size: 1.5rem; display: inline-block; }
.gd-ins p { margin: 4px 0 8px; color: #f6e3b5; }
.gd-lab { color: #f1d999; font-size: .9rem; margin: 12px 0 6px; font-weight: 600; }
.gd-chips { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; }
.gd-chips li { border: 1px solid #c9a34a; background: rgba(0, 0, 0, .2); color: #fff; border-radius: 999px; padding: 7px 14px; font-size: .95rem; }
.gd-terms dl { margin: 0; background: rgba(0, 0, 0, .25); border-radius: 14px; padding: 12px 14px; }
.gd-terms dt { color: #f1d999; font-size: .85rem; }
.gd-terms dd { margin: 0 0 10px; color: #fff; }
.gd-terms dd:last-child { margin-bottom: 0; }
.gd-ask-line { margin-top: 14px !important; }
.gd-ins .gd-asks { margin-top: 8px; }
.gd-more-tel { margin-top: 10px; color: #f1e3c0; font-size: .9rem; }
.gd-more-tel a { color: #fff; text-decoration: underline; white-space: nowrap; }

/* ===== buying gold ===== */
.gd-buy { background: #fff; border: 1px solid #efe2c4; border-radius: 20px; padding: 16px; }
.gd-buy > span { display: block; color: #7a6656; font-size: .92rem; }
.gd-big { display: block; font-size: 2rem; color: #b3151d; font-family: var(--font-h, inherit); font-weight: 600; line-height: 1.4; }
.gd-big-wait { display: block; font-size: 1.1rem; color: #8f0f16; font-family: var(--font-h, inherit); font-weight: 600; margin: 4px 0; }
.gd-buy p { margin: 6px 0 0; color: #5a4a3c; }

/* ===== reviews (real ones only) ===== */
.gd-revs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
@media (max-width: 760px) { .gd-revs { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.gd-rv { background: #fff; border: 1px solid #efe2c4; border-radius: 16px; padding: 10px; overflow: hidden; }
.gd-rv img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 10px; margin-bottom: 6px; display: block; }
.gd-rv p { margin: 4px 0; font-size: .9rem; overflow-wrap: anywhere; }
.gd-rv small { color: #7a6656; }

/* ===== branches ===== */
.gd-brs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
@media (max-width: 760px) { .gd-brs { grid-template-columns: minmax(0, 1fr); } }
.gd-br { background: #fff; border-radius: 18px; overflow: hidden; border: 1px solid #efe2c4; border-top: 3px solid #d8a93b; }
.gd-br img { display: block; width: 100%; height: 190px; object-fit: cover; }
.gd-br > div { padding: 12px 14px 14px; }
.gd-br b { color: #8f0f16; font-size: 1.05rem; }
.gd-br p { margin: 4px 0 0; color: #7a6656; font-size: .9rem; overflow-wrap: anywhere; }
.gd-br-acts { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.gd-gal { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 8px; margin-top: 14px; }
.gd-gal img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 12px; }

/* ===== bank + contact ===== */
.gd-pay { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; align-items: center; }
.gd-pay.no-img { grid-template-columns: minmax(0, 1fr); }
@media (max-width: 760px) { .gd-pay { grid-template-columns: minmax(0, 1fr); } }
.gd-pay > img { display: block; width: 100%; max-width: 520px; margin: 0 auto; border-radius: 18px; box-shadow: 0 8px 20px rgba(143, 15, 22, .15); }
.gd-bank { background: #fff; border: 1px solid #d8a93b; border-radius: 14px; padding: 12px 14px; margin-bottom: 8px; }
.gd-bank small { display: block; color: #7a6656; }
.gd-bank b { display: block; font-size: 1.45rem; color: #8f0f16; letter-spacing: .5px; font-family: var(--font-h, inherit); font-weight: 600; }
.gd-bank span { display: block; font-size: .92rem; overflow-wrap: anywhere; }
.gd-contact > a { display: flex; align-items: center; gap: 10px; background: #fff; border: 1px solid #efe2c4; border-radius: 14px; padding: 10px 14px; margin-bottom: 8px; font-weight: 500; min-height: 44px; overflow-wrap: anywhere; }
.gd-contact i { font-style: normal; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; color: #fff; background: #8f0f16; flex: none; }
.gd-contact i.ln { background: #06c755; }