/* DEKTHAI TOPUP (/topup · /topup/{เกม}) — โหลดหลัง store.css · Theme v3: การ์ด 18px · ปุ่ม pill · lime เป็นจุด/สถานะเท่านั้น
   grid ทุกอันใช้ minmax(0,1fr) · ทดสอบที่ 1280 / 390 */
.tp-crumb{display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--text-2,#52576A);margin:0 0 16px}
.tp-crumb a{color:inherit;text-decoration:none}.tp-crumb a:hover{text-decoration:underline}
.tp-crumb i{font-size:16px;color:var(--text-3,#6B7280)}
.tp-empty{padding:28px 0;color:var(--text-2,#52576A)}

/* ── หน้ารวม ── */
.tp-search{position:relative;display:flex;align-items:center;max-width:520px;margin:0 0 26px}
.tp-search>i{position:absolute;left:16px;font-size:20px;color:var(--text-3,#6B7280);pointer-events:none}
.tp-search input{width:100%;height:48px;padding:0 64px 0 46px;border:1px solid var(--border,#E8E9EC);border-radius:100px;background:#fff;font:400 15px/1 'Prompt',sans-serif;color:var(--ink,#0A0A0B)}
.tp-search input:focus{outline:2px solid var(--ink,#0A0A0B);outline-offset:2px}
.tp-clear{position:absolute;right:16px;font-size:13px;color:var(--text-2,#52576A)}
.tp-sec{margin:0 0 34px}
.tp-sec>h2{display:flex;align-items:baseline;gap:10px;margin:0 0 14px;font:800 22px/1.2 'Prompt',sans-serif;letter-spacing:-.02em}
.tp-sec>h2 small{font:600 13px/1 'Prompt',sans-serif;color:var(--text-3,#6B7280)}
.tp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.tp-card{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid var(--border,#E8E9EC);border-radius:18px;background:#fff;text-decoration:none;color:var(--ink,#0A0A0B);box-shadow:0 1px 2px rgba(10,10,11,.04);transition:transform .3s,box-shadow .3s}
.tp-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px -14px rgba(10,10,11,.22)}
.tp-card:focus-visible{outline:2px solid var(--ink,#0A0A0B);outline-offset:3px}
.tp-card b{font:700 16px/1.3 'Prompt',sans-serif;overflow-wrap:anywhere}
.tp-card small{font-size:13px;color:var(--text-2,#52576A)}
.tp-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--ink,#0A0A0B);color:var(--accent,#BAFF16);font:800 15px/1 'Prompt',sans-serif;letter-spacing:.02em}

/* ── หน้าเกม ── */
.tp-form{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;max-width:880px}
.tp-step{padding:22px;border:1px solid var(--border,#E8E9EC);border-radius:18px;background:#fff;box-shadow:0 1px 2px rgba(10,10,11,.04)}
.tp-step>h2{display:flex;align-items:center;gap:10px;margin:0 0 16px;font:800 18px/1.2 'Prompt',sans-serif;letter-spacing:-.02em}
.tp-n{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ink,#0A0A0B);color:var(--accent,#BAFF16);font:800 14px/1 'Prompt',sans-serif}
.tp-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tp-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.tp-field:only-child{grid-column:1/-1}
.tp-field>span{font:600 13px/1 'Prompt',sans-serif;color:var(--text-2,#52576A)}
.tp-field input,.tp-field select{width:100%;height:48px;padding:0 14px;border:1px solid var(--border-strong,#D5D8DD);border-radius:12px;background:#fff;font:500 16px/1 'Prompt',sans-serif;color:var(--ink,#0A0A0B)}
.tp-field input:focus,.tp-field select:focus{outline:2px solid var(--ink,#0A0A0B);outline-offset:1px}
.tp-field input[aria-invalid=true]{border-color:#EF4444}
.tp-hint{display:flex;gap:6px;align-items:flex-start;margin:12px 0 0;font-size:13.5px;color:var(--text-2,#52576A)}
.tp-hint i{font-size:17px;margin-top:1px;flex:0 0 auto}
.tp-hint.is-bad{color:#B91C1C}
.tp-packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tp-pack{position:relative;display:block;cursor:pointer;min-width:0}
.tp-pack input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.tp-pack-b{display:flex;flex-direction:column;gap:6px;height:100%;padding:14px;border:1.5px solid var(--border,#E8E9EC);border-radius:14px;background:var(--bg-soft,#FAFAFB);transition:border-color .2s,background .2s,transform .2s}
.tp-pack-b b{font:600 14.5px/1.35 'Prompt',sans-serif;overflow-wrap:anywhere}
.tp-pack-b em{font:800 17px/1 'Prompt',sans-serif;font-style:normal;letter-spacing:-.01em}
.tp-pack:hover .tp-pack-b{border-color:var(--border-strong,#D5D8DD);transform:translateY(-2px)}
.tp-pack input:checked+.tp-pack-b{border-color:var(--ink,#0A0A0B);background:var(--accent-soft,#EEFFC5);box-shadow:0 0 0 1px var(--ink,#0A0A0B)}
.tp-pack input:focus-visible+.tp-pack-b{outline:2px solid var(--ink,#0A0A0B);outline-offset:2px}
.tp-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:12px;margin:0 0 18px;padding:14px;border-radius:14px;background:var(--bg-soft,#FAFAFB);border:1px solid var(--border,#E8E9EC)}
.tp-sum div{min-width:0}
.tp-sum small{display:block;font-size:12px;color:var(--text-3,#6B7280);margin-bottom:4px}
.tp-sum b{display:block;font:700 15px/1.35 'Prompt',sans-serif;overflow-wrap:anywhere}
.tp-go{width:100%}
.tp-go[disabled]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.tp-note{margin:12px 0 0;font-size:13px;color:var(--text-2,#52576A);text-align:center}

/* ── FAQ / disclaimer ── */
.tp-faq{max-width:880px;margin:40px 0 0}
.tp-faq>h2{margin:0 0 12px;font:800 20px/1.2 'Prompt',sans-serif;letter-spacing:-.02em}
.tp-faq details{border-top:1px solid var(--border,#E8E9EC);padding:14px 0}
.tp-faq details:last-child{border-bottom:1px solid var(--border,#E8E9EC)}
.tp-faq summary{cursor:pointer;font:600 15.5px/1.4 'Prompt',sans-serif}
.tp-faq summary:focus-visible{outline:2px solid var(--ink,#0A0A0B);outline-offset:3px}
.tp-faq p{margin:10px 0 0;color:var(--text-2,#52576A);line-height:1.6}
.tp-disc{max-width:880px;margin:26px 0 8px;font-size:12.5px;line-height:1.55;color:var(--text-3,#6B7280)}

@media (max-width:900px){.tp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tp-packs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){
  .tp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .tp-card{padding:14px}
  .tp-step{padding:18px 16px}
  .tp-fields{grid-template-columns:minmax(0,1fr)}
  .tp-packs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
}
@media (prefers-reduced-motion:reduce){.tp-card,.tp-pack-b{transition:none}.tp-card:hover,.tp-pack:hover .tp-pack-b{transform:none}}


/* ═════════════════════════════════════════════════════════════════════════════
   หน้าสาธารณะ /topup · /topup/{เกม} — ดีไซน์ 2026-10-30 (ตาม mockup แผ่น 23) · prefix tq-
   hero ดำ (hm-dz) + เนื้อหาพื้นอ่อน · สรุปคำสั่งซื้อ sticky (คอม) / แถบลอยเหนือเมนูล่าง (มือถือ)
   /dashboard/topup ไม่ใช้บล็อกนี้ (คลาส tq-* มีเฉพาะหน้าสาธารณะ) · grid ใช้ minmax(0,1fr) ทุกอัน
   ═════════════════════════════════════════════════════════════════════════════ */
.tp-page{--tq-line:#E8EAE0;--tq-soft:#F6F7F3;--tq-mute:#6B7280;--tq-sub:#52576A;--tq-lime:#BAFF16;--tq-ink:#0A0A0B}
.tq-wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 28px}

/* ── hero ── */
.tq-hero{position:relative;background:var(--tq-ink);color:#fff;padding:132px 0 56px;overflow:hidden;isolation:isolate}
.tq-hero.is-game{padding:118px 0 34px}
.tq-dots{position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.1) 1px,transparent 0);background-size:22px 22px;-webkit-mask-image:radial-gradient(90% 90% at 40% 20%,#000,transparent);mask-image:radial-gradient(90% 90% at 40% 20%,#000,transparent)}
.tq-glow{position:absolute;right:-80px;top:-60px;width:620px;height:420px;z-index:-1;background:radial-gradient(closest-side,rgba(186,255,22,.22),transparent)}
.tq-wm{position:absolute;right:-30px;bottom:-40px;width:360px;height:257px;z-index:-1;opacity:.06;background:url(/assets/img/logo/dekthai-symbol.svg) center/contain no-repeat}
.tq-hero-in{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:40px;align-items:center}
.tq-hero.is-game .tq-hero-in{grid-template-columns:minmax(0,1fr);gap:16px}
.tq-chip{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 14px 0 11px;border-radius:100px;font:700 12px/1 'Prompt',sans-serif;letter-spacing:.03em;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16)}
.tq-chip i{font-size:16px;color:var(--tq-lime)}
.tq-chip.is-sm{height:26px;font-size:11px;padding:0 11px}
.tq-hero h1{margin:16px 0 0;font:800 clamp(34px,5vw,56px)/1.05 'Prompt',sans-serif;letter-spacing:-.04em}
.tq-hero h1 span{display:block;color:var(--tq-lime);text-shadow:0 0 36px rgba(186,255,22,.35)}
.tq-hero.is-game h1{margin-top:8px;font-size:clamp(28px,4vw,40px)}.tq-hero.is-game h1 span{display:inline}
.tq-hero p{margin:14px 0 0;max-width:54ch;color:rgba(255,255,255,.78);font-weight:300;font-size:15.5px;line-height:1.7}
.tq-search{position:relative;display:flex;align-items:center;max-width:540px;height:52px;margin-top:22px;border-radius:100px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18)}
.tq-search>i{position:absolute;left:18px;font-size:19px;color:rgba(255,255,255,.7);pointer-events:none}
.tq-search input{width:100%;height:100%;padding:0 64px 0 48px;border:0;border-radius:100px;background:transparent;color:#fff;font:400 15px/1 'Prompt',sans-serif}
.tq-search input::placeholder{color:rgba(255,255,255,.55)}
.tq-search input:focus{outline:2px solid var(--tq-lime);outline-offset:2px}
.tq-search .tp-clear{color:rgba(255,255,255,.75)}
.tq-cats{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.tq-cats a{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 14px;border-radius:100px;font:600 12.5px/1 'Prompt',sans-serif;border:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.88);text-decoration:none;transition:border-color .2s,background .2s}
.tq-cats a em{font-style:normal;font-size:11px;opacity:.65}
.tq-cats a:hover{border-color:rgba(186,255,22,.6)}
.tq-cats a.on{background:var(--tq-lime);color:var(--tq-ink);border-color:var(--tq-lime)}
.tq-hero-r{border-radius:20px;background:rgba(20,22,27,.82);border:1px solid rgba(255,255,255,.12);padding:16px;box-shadow:0 30px 50px -28px #000}
.tq-flow{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.tq-flow li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;padding:11px 12px;border-radius:14px;background:rgba(255,255,255,.04)}
.tq-flow i,.tq-how i{width:30px;height:30px;border-radius:50%;background:var(--tq-ink);border:1px solid rgba(186,255,22,.4);color:var(--tq-lime);font:800 13px/28px 'Prompt',sans-serif;text-align:center;font-style:normal}
.tq-flow b{display:block;font-size:14px}.tq-flow small{display:block;font-size:12px;color:rgba(255,255,255,.6)}
.tq-flow-b{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 0 0;max-width:none;font-size:13px;font-weight:500;color:rgba(255,255,255,.85)}
.tq-flow-b i{font-size:18px;color:var(--tq-lime)}
.tq-crumb{display:flex;align-items:center;gap:6px;font-size:13px;color:rgba(255,255,255,.65)}
.tq-crumb a{color:inherit;text-decoration:none}.tq-crumb a:hover{text-decoration:underline}.tq-crumb b{color:#fff;font-weight:600}.tq-crumb i{font-size:16px}
.tq-gh{display:flex;gap:18px;align-items:center}
.tq-gh>div{min-width:0}

/* ── ปกเกม (ไทล์สีไล่ + อักษรย่อ · ไม่ใช้โลโก้ค่ายเกม) ── */
.tq-cv{--h:#2E7BFF;position:relative;display:grid;place-items:center;width:100%;height:100%;overflow:hidden;color:#fff;
  background:radial-gradient(90% 100% at 88% 0,color-mix(in srgb,var(--h) 78%,transparent),transparent 68%),radial-gradient(rgba(255,255,255,.09) 1px,transparent 1.2px) 0 0/10px 10px,linear-gradient(160deg,#1D212A,#0B0D11)}
.tq-cv b{font:800 22px/1 'Prompt',sans-serif;letter-spacing:-.02em;text-shadow:0 2px 14px rgba(0,0,0,.5)}
.tq-cv::after{content:"";position:absolute;left:10px;bottom:10px;width:6px;height:6px;border-radius:50%;background:var(--tq-lime)}
.tq-cv.is-s{width:40px;height:40px;border-radius:12px;flex:none}.tq-cv.is-s b{font-size:12px}.tq-cv.is-s::after{left:5px;bottom:5px;width:4px;height:4px}
.tq-cv.is-l{width:76px;height:76px;border-radius:20px;flex:none}.tq-cv.is-l b{font-size:20px}

/* ── เนื้อหา ── */
.tq-body{background:#fff;padding:34px 0 64px}
.tq-body.is-game{background:var(--tq-soft)}
.tq-body .st-wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-content:start}
.tq-body .st-msg{margin:0;padding:11px 14px;border-radius:14px;font-size:13.5px}
.tq-body .st-msg.warn{background:#FFFBEB;border:1px solid #FDE68A;color:#92400E}
.tq-sec>h2{display:flex;align-items:baseline;gap:8px;margin:0 0 14px;font:800 22px/1.2 'Prompt',sans-serif;letter-spacing:-.02em}
.tq-sec>h2 small{font:700 12px/1 'Prompt',sans-serif;padding:3px 10px;border-radius:100px;background:#F1F3EC;color:var(--tq-sub)}
.tq-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.tq-gc{position:relative;display:grid;grid-template-rows:104px auto;border-radius:18px;border:1px solid var(--tq-line);background:#fff;overflow:hidden;text-decoration:none;color:var(--tq-ink);box-shadow:0 10px 26px -22px rgba(10,10,11,.5);transition:transform .3s,box-shadow .3s}
.tq-gc:hover{transform:translateY(-3px);box-shadow:0 18px 34px -18px rgba(10,10,11,.35)}
.tq-gc:focus-visible,.tq-mc:focus-visible{outline:2px solid var(--tq-ink);outline-offset:3px}
.tq-gc-cv{display:block;height:104px}.tq-gc-cv .tq-cv{border-radius:0}.tq-gc-cv .tq-cv b{font-size:26px}
.tq-gc-b{display:block;padding:11px 50px 14px 14px;min-width:0}
.tq-gc-b b{display:block;font:700 15px/1.25 'Prompt',sans-serif;overflow-wrap:anywhere}
.tq-gc-b small{display:block;margin-top:3px;font-size:12.5px;color:var(--tq-mute)}
.tq-go{position:absolute;right:12px;bottom:12px;width:30px;height:30px;border-radius:50%;background:var(--tq-lime);display:grid;place-items:center;font-size:18px;color:var(--tq-ink);font-style:normal}
.tq-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.tq-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tq-mc{display:flex;align-items:center;gap:11px;padding:10px;border-radius:15px;border:1px solid var(--tq-line);background:#fff;text-decoration:none;color:var(--tq-ink);transition:border-color .2s,transform .2s}
.tq-mc:hover{border-color:var(--tq-ink);transform:translateY(-2px)}
.tq-mc span:last-child{min-width:0;flex:1}.tq-mc b{display:block;font:700 13.5px/1.25 'Prompt',sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tq-mc small{display:block;font-size:12px;color:var(--tq-mute)}
.tq-how{list-style:none;margin:0;padding:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;border-radius:18px;background:var(--tq-soft);border:1px solid var(--tq-line)}
.tq-how li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center}
.tq-how i{background:var(--tq-ink)}
.tq-how b{display:block;font-size:14px}.tq-how small{display:block;font-size:12.5px;color:var(--tq-mute)}
.tq-empty{display:grid;justify-items:center;gap:6px;padding:34px 16px;border-radius:20px;background:var(--tq-ink);color:#fff;text-align:center}
.tq-empty>i{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:rgba(186,255,22,.12);border:1px solid rgba(186,255,22,.3);font-size:26px;color:var(--tq-lime);margin-bottom:6px}
.tq-empty b{font-size:16px}.tq-empty small{color:rgba(255,255,255,.65);margin-bottom:10px}

/* ── FAQ = การ์ดพับ 2 คอลัมน์ · ข้อความปฏิเสธ = แถบดำมีตัว D ── */
.tq-body .tp-faq{max-width:none;margin:10px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
.tq-body .tp-faq>h2{grid-column:1/-1;margin:0 0 4px;font-size:22px}
.tq-body .tp-faq details{border:1px solid var(--tq-line);border-radius:15px;background:#fff;padding:0;overflow:hidden}
.tq-body .tp-faq details:last-child{border-bottom:1px solid var(--tq-line)}
.tq-body .tp-faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;font:700 14.5px/1.4 'Prompt',sans-serif}
.tq-body .tp-faq summary::-webkit-details-marker{display:none}
.tq-body .tp-faq summary::after{content:"+";flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#F1F3EC;font:600 16px/1 'Prompt',sans-serif;transition:transform .2s}
.tq-body .tp-faq details[open]{border-color:var(--tq-ink)}
.tq-body .tp-faq details[open] summary::after{transform:rotate(45deg);background:var(--tq-lime)}
.tq-body .tp-faq p{margin:0;padding:0 16px 16px;font-size:13.5px}
.tq-body .tp-disc{position:relative;max-width:none;margin:14px 0 0;padding:20px 22px 20px 74px;border-radius:18px;background:var(--tq-ink);color:rgba(255,255,255,.62);font-size:12.5px;line-height:1.65;overflow:hidden;isolation:isolate}
.tq-body .tp-disc::before{content:"";position:absolute;left:20px;top:50%;width:38px;height:27px;transform:translateY(-50%);background:url(/assets/img/logo/dekthai-symbol.svg) center/contain no-repeat}
.tq-body .tp-disc::after{content:"";position:absolute;right:-20px;top:-26px;width:200px;height:143px;z-index:-1;opacity:.07;background:url(/assets/img/logo/dekthai-symbol.svg) center/contain no-repeat}

/* ── หน้าเกม: ฟอร์มซ้าย + สรุป sticky ขวา ── */
.tq-form.tp-form{max-width:none;grid-template-columns:minmax(0,1fr) 360px;gap:18px 24px;align-items:start}
.tq-form .tp-step{grid-column:1;border-radius:18px;padding:20px;box-shadow:0 10px 26px -24px rgba(10,10,11,.5);border-color:var(--tq-line)}
.tq-form .tp-pay{grid-column:2;grid-row:1/span 3;position:sticky;top:96px;padding:18px;border-radius:20px;box-shadow:0 24px 44px -28px rgba(10,10,11,.55);overflow:hidden;isolation:isolate}
.tq-form .tp-pay::after{content:"";position:absolute;right:-40px;bottom:-34px;width:160px;height:114px;z-index:-1;opacity:.04;background:url(/assets/img/logo/dekthai-symbol-ink.svg) center/contain no-repeat}
.tq-form .tp-field input,.tq-form .tp-field select{height:46px;border-width:1.5px;border-radius:13px}
.tq-form .tp-field input:focus,.tq-form .tp-field select:focus{outline:0;border-color:var(--tq-ink);box-shadow:0 0 0 3px rgba(186,255,22,.45)}
.tq-form .tp-hint{font-size:12.5px;line-height:1.5}
.tq-form .tp-hint.is-ok{color:#0B7A3E;font-weight:600}
.tq-form .tq-find{color:var(--tq-sub)}
.tq-form .tp-packs{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tq-form .tp-pack-b{position:relative;gap:4px;padding:13px;border-radius:15px;background:var(--tq-soft);border:1.5px solid var(--tq-line)}
.tq-form .tp-pack-b::before{content:"";display:block;width:34px;height:34px;margin-bottom:6px;border-radius:11px;background:#0A0A0B url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23BAFF16' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M6 4h12l4 6-10 11L2 10z'/%3E%3Cpath d='M2 10h20M9 4l3 6 3-6M12 21l-3-11M12 21l3-11'/%3E%3C/svg%3E") center/18px no-repeat}
.tq-form .tp-pack-b b{font-size:14px}.tq-form .tp-pack-b em{margin-top:2px;font-size:16px}
.tq-form .tp-pack:hover .tp-pack-b{border-color:#C9CCC4}
.tq-form .tp-pack input:checked+.tp-pack-b{border-color:var(--tq-ink);background:#F3FFD6;box-shadow:0 0 0 3px rgba(186,255,22,.55)}
.tq-form .tp-pack input:checked+.tp-pack-b::before{background-color:var(--tq-lime);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A0A0B' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M6 4h12l4 6-10 11L2 10z'/%3E%3Cpath d='M2 10h20M9 4l3 6 3-6M12 21l-3-11M12 21l3-11'/%3E%3C/svg%3E")}
.tq-form .tp-pack input:checked+.tp-pack-b::after{content:"";position:absolute;right:10px;top:10px;width:20px;height:20px;border-radius:50%;background:var(--tq-lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A0A0B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l4.5 4.5L19 7'/%3E%3C/svg%3E") center/12px no-repeat}
.tq-form .tp-pay>h2{margin-bottom:14px}
.tq-form .tp-sum{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;margin:0 0 14px;padding:0;border:0;background:transparent}
.tq-form .tp-sum>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;min-width:0}
.tq-form .tp-sum small{margin:0;font-size:12.5px;color:var(--tq-sub)}
.tq-form .tp-sum b{font-size:13.5px;text-align:right}
.tq-form .tp-sum .tq-c-item{padding:11px 12px;border-radius:14px;background:var(--tq-soft);border:1px solid var(--tq-line);margin-bottom:2px}
.tq-form .tp-sum .tq-c-price b{font-size:24px;letter-spacing:-.03em}
.tq-form .tq-after b.is-short{color:#B91C1C}
.tq-form .tp-topup{margin-left:6px;padding:2px 9px;border-radius:100px;background:var(--tq-lime);color:var(--tq-ink);font-size:11px;font-weight:700;text-decoration:none}
.tq-form .tp-go{height:50px;border-radius:100px;background:var(--tq-ink);color:#fff;font-weight:700}
.tq-form .tp-go:not([disabled]):hover{transform:translateY(-1px)}
.tq-form .tp-go[disabled]{background:#E6E8E1;color:var(--tq-mute);opacity:1}
.tq-short{display:flex;align-items:center;justify-content:center;gap:7px;height:44px;margin:0 0 10px;border-radius:100px;background:var(--tq-lime);color:var(--tq-ink);font:700 13px/1 'Prompt',sans-serif;text-decoration:none;box-shadow:0 10px 24px -12px rgba(186,255,22,.9)}
.tq-short[hidden]{display:none}
.tq-trust{list-style:none;margin:14px 0 0;padding:14px 0 0;border-top:1px solid var(--tq-line);display:grid;gap:9px;font-size:12.5px;color:var(--tq-sub)}
.tq-trust li{display:flex;gap:8px;align-items:center}.tq-trust i{font-size:17px;color:var(--tq-ink)}
.tq-form .tp-note{display:none}

@media (max-width:1000px){
  .tq-hero-in{grid-template-columns:minmax(0,1fr);gap:26px}
  .tq-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tq-two{grid-template-columns:minmax(0,1fr)}
  .tq-form.tp-form{grid-template-columns:minmax(0,1fr)}
  .tq-form .tp-pay{grid-column:1;grid-row:auto;position:static}
}
@media (max-width:900px){
  .tq-body{padding-bottom:120px}
  .tq-body.is-game{padding-bottom:210px}
  /* สรุปราคา = แถบลอยเหนือเมนูล่าง (hm-mnav สูง ~64px + ช่องไฟ) */
  .tq-form .tp-pay{position:fixed;top:auto;left:10px;right:10px;bottom:calc(86px + env(safe-area-inset-bottom,0px));z-index:56;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center;padding:11px 12px 11px 16px;border-radius:22px;border:1px solid var(--tq-line);box-shadow:0 18px 40px -14px rgba(10,10,11,.5);background:#fff;max-width:560px;margin:0 auto}
  .tq-form .tp-pay>h2,.tq-form .tq-trust,.tq-form .tp-pay::after{display:none}
  .tq-form .tp-sum{order:1;gap:1px;margin:0}
  .tq-form .tp-sum>div:not(.tq-c-item):not(.tq-c-price){display:none}
  .tq-form .tp-sum .tq-c-item{padding:0;border:0;background:transparent;margin:0;display:block}
  .tq-form .tp-sum .tq-c-item small{display:none}
  .tq-form .tp-sum .tq-c-item b{display:block;text-align:left;font-size:12px;font-weight:500;color:var(--tq-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .tq-form .tp-sum .tq-c-price{display:block}.tq-form .tp-sum .tq-c-price small{display:none}
  .tq-form .tp-sum .tq-c-price b{display:block;text-align:left;font-size:22px}
  .tq-form .tp-go{order:2;width:auto;height:46px;padding:0 20px;background:var(--tq-lime);color:var(--tq-ink);box-shadow:0 8px 20px -10px rgba(186,255,22,.9)}
  .tq-form .tp-go[disabled]{background:#E6E8E1;box-shadow:none}
  .tq-form .tq-short{order:3;grid-column:1/-1;margin:0;height:40px}
}
@media (max-width:640px){
  .tq-wrap{padding:0 16px}
  .tq-hero{padding:108px 0 34px}
  .tq-hero.is-game{padding:100px 0 24px}
  .tq-hero-r,.tq-how{display:none}
  .tq-hero p{font-size:14px}
  .tq-search{height:48px}
  .tq-gh{gap:12px}.tq-cv.is-l{width:60px;height:60px;border-radius:16px}
  .tq-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .tq-gc{grid-template-rows:84px auto}.tq-gc-cv{height:84px}.tq-gc-cv .tq-cv b{font-size:21px}
  .tq-gc-b{padding:10px 44px 12px 12px}.tq-gc-b b{font-size:14px}
  .tq-grid2{grid-template-columns:minmax(0,1fr)}
  .tq-form .tp-packs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .tq-form .tp-step{padding:16px}
  .tq-body .tp-faq{grid-template-columns:minmax(0,1fr)}
  .tq-body .tp-disc{padding:18px 18px 18px 64px}
}
@media (prefers-reduced-motion:reduce){.tq-gc,.tq-mc,.tq-cats a{transition:none}.tq-gc:hover,.tq-mc:hover,.tq-form .tp-go:not([disabled]):hover{transform:none}}

/* ═════════ Fidelity 2026-10-30 (mockup แผ่น 23 ทุกจุด) — ป้ายจริง · ฟีดออเดอร์ · แถบมือถือ · หน้าเกม · ติดตามออเดอร์ · /dashboard/topup ═════════ */
.tp-dash,.tq-ord{--tq-line:#E8EAE0;--tq-soft:#F6F7F3;--tq-mute:#6B7280;--tq-sub:#52576A;--tq-lime:#BAFF16;--tq-ink:#0A0A0B}
.tq-m{display:none}
.tq-mcap,.tq-mbar,.tq-mcats{display:none}
.tq-search kbd{position:absolute;right:16px;display:grid;place-items:center;min-width:26px;height:24px;padding:0 6px;border-radius:7px;border:1px solid rgba(255,255,255,.22);color:rgba(255,255,255,.7);font:600 12px/1 'Prompt',sans-serif;pointer-events:none}
/* ฟีดออเดอร์ล่าสุด (ข้อมูลจริง · UID ปิดบัง) */
.tq-feed-h{display:flex;align-items:center;gap:8px;margin:0 0 12px;max-width:none;font-size:13.5px;color:#fff}
.tq-feed-h i{width:8px;height:8px;border-radius:50%;background:var(--tq-lime);box-shadow:0 0 10px var(--tq-lime)}
.tq-feed-h small{margin-left:auto;font-size:11px;color:rgba(255,255,255,.5)}
.tq-feed ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.tq-feed li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.04)}
.tq-feed li .tq-cv.is-s{width:34px;height:34px;border-radius:10px}.tq-feed li .tq-cv.is-s b{font-size:10px}
.tq-feed li b{display:block;font-size:13px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tq-feed li small{display:block;font-size:11.5px;color:rgba(255,255,255,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tq-feed li em{font-style:normal;font-size:11px;font-weight:700;padding:3px 9px;border-radius:100px}
.tq-feed li em.is-ok{background:rgba(186,255,22,.16);color:var(--tq-lime)}
.tq-feed li em.is-wait{background:rgba(245,158,11,.18);color:#FBBF24}
/* แถบเตรียมเปิด + ปุ่มแจ้งเตือนเมื่อเปิด (เพิ่มเพื่อน LINE OA) */
.tq-body .st-msg.tq-soon{display:flex;align-items:center;gap:10px}
.tq-soon>div{flex:1;min-width:0}.tq-soon>div b{font-weight:700}
.tq-notify{flex:none;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 13px;border-radius:100px;border:1px solid #F5C66B;background:#fff;color:#92400E;font:700 12px/1 'Prompt',sans-serif;text-decoration:none;white-space:nowrap}
.tq-notify:hover{border-color:#92400E}
/* หัวข้อกลุ่ม + เรียง */
.tq-sec>.tq-sec-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}
.tq-sec-h>h2{display:flex;align-items:baseline;gap:8px;margin:0;font:800 22px/1.2 'Prompt',sans-serif;letter-spacing:-.02em}
.tq-sec-h>h2 small{font:700 12px/1 'Prompt',sans-serif;padding:3px 10px;border-radius:100px;background:#F1F3EC;color:var(--tq-sub)}
.tq-sort label{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--tq-sub)}
.tq-sort select{border:0;background:transparent;font:600 13px/1 'Prompt',sans-serif;color:var(--tq-ink);padding:4px 2px;cursor:pointer}
.tq-sort select:focus-visible{outline:2px solid var(--tq-ink);border-radius:6px}
/* ป้ายบนการ์ดเกม (ยอดสั่งจริง 30 วัน / เพิ่มใหม่) */
.tq-gc-cv{position:relative}
.tq-tag{position:absolute;left:10px;top:10px;z-index:1;font:700 11px/1 'Prompt',sans-serif;font-style:normal;padding:4px 9px;border-radius:100px;background:#fff;color:var(--tq-ink)}
.tq-tag.is-lime{background:var(--tq-lime)}
.tq-more{background:var(--tq-ink);border-color:var(--tq-ink);color:#fff}
.tq-more small{color:rgba(255,255,255,.6)}.tq-more>i{margin-left:auto;font-size:18px;color:var(--tq-lime)}
.tq-more:hover{border-color:var(--tq-ink)}
/* หน้าเกม: แพ็ก */
.tq-form .tp-pack-b{min-height:128px}
.tq-form .tp-pack-b em{margin-top:auto;padding-top:8px}
.tq-ptag{position:absolute;left:50%;top:-9px;transform:translateX(-50%);z-index:1;font:700 10.5px/1 'Prompt',sans-serif;font-style:normal;padding:4px 9px;border-radius:100px;background:var(--tq-lime);color:var(--tq-ink);white-space:nowrap;box-shadow:0 0 0 2px #fff}
.tq-bonus{font-size:11.5px;font-weight:600;color:#4D7C0F}
/* หน้าเกม: สรุป */
.tq-item{display:flex;align-items:center;gap:11px;padding:11px 12px;margin:0 0 14px;border-radius:14px;background:var(--tq-soft);border:1px solid var(--tq-line);min-width:0}
.tq-item>div{min-width:0;flex:1}
.tq-item b{display:block;font-size:13.5px;line-height:1.3;overflow-wrap:anywhere}
.tq-item small{display:block;font-size:12px;color:var(--tq-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tq-item>em{font-style:normal;font-weight:800;font-size:16px;white-space:nowrap}
.tq-pill{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:100px;font-style:normal;font-size:10.5px;font-weight:700;background:#EEFFC5;color:#3E5200;vertical-align:1px}
.tq-pill.is-short{background:#FEE2E2;color:#B91C1C}
.tq-pill[hidden]{display:none}
.tq-dock{display:none}
.tq-form .tp-sum .tq-c-price{padding-top:2px}
.tq-form .tp-sum .tq-c-price b{font-size:26px}
/* ติดตามออเดอร์เติมเกม */
.dor.is-topup>.dor-hero,.dor.is-topup>.dor-actions,.dor.is-topup:not(.has-data)>.dor-deliver{display:none}
.tq-ord{max-width:560px;margin:0 auto;width:100%}
.tq-ord-in{display:grid;justify-items:center;gap:6px;padding:26px 22px 22px;border-radius:24px;background:#fff;border:1px solid var(--tq-line);box-shadow:0 18px 40px -30px rgba(10,10,11,.45);text-align:center}
.tq-ord-ic{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--tq-lime);color:var(--tq-ink);font-size:34px;box-shadow:0 0 0 10px rgba(186,255,22,.22),0 0 34px rgba(186,255,22,.6);margin:6px 0 10px}
.tq-ord.tone-bad .tq-ord-ic{background:#FEE2E2;color:#B91C1C;box-shadow:0 0 0 10px rgba(239,68,68,.12)}
.tq-ord.tone-warn .tq-ord-ic{background:#FEF3C7;color:#92400E;box-shadow:0 0 0 10px rgba(245,158,11,.14)}
.tq-ord h2{margin:0;font:800 22px/1.2 'Prompt',sans-serif;letter-spacing:-.02em}
.tq-ord-sub{margin:0 0 10px;font-size:13.5px;color:var(--tq-sub)}
.tq-ord .tq-item{width:100%;text-align:left;margin:4px 0 10px;background:#fff;box-shadow:0 8px 20px -18px rgba(10,10,11,.5)}
.tq-ord .tq-item .tq-cv.is-s{width:46px;height:46px;border-radius:12px}
.tq-tl{list-style:none;margin:0;padding:0;width:100%;display:grid;text-align:left}
.tq-tl li{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;padding:0 0 16px}
.tq-tl li:last-child{padding-bottom:4px}
.tq-tl li::before{content:"";position:absolute;left:12px;top:24px;bottom:2px;width:2px;background:var(--tq-line)}
.tq-tl li:last-child::before{display:none}
.tq-tl li.is-done::before{background:var(--tq-lime)}
.tq-tl li>i{width:24px;height:24px;border-radius:50%;border:2px solid #D5D8DD;background:#fff;display:grid;place-items:center}
.tq-tl li.is-done>i{background:var(--tq-lime);border-color:var(--tq-lime)}
.tq-tl li.is-done>i::after{content:"";width:9px;height:5px;border-left:2px solid var(--tq-ink);border-bottom:2px solid var(--tq-ink);transform:translateY(-1px) rotate(-45deg)}
.tq-tl li.is-now>i{border-color:var(--tq-ink)}
.tq-tl li.is-now>i::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--tq-ink);animation:tqPulse 1.4s ease-in-out infinite}
.tq-tl li.is-bad>i{border-color:#EF4444;background:#FEE2E2}
.tq-tl b{display:block;font-size:14px}.tq-tl small{display:block;font-size:12px;color:var(--tq-mute)}
.tq-tl li.is-wait b{color:var(--tq-sub)}
@keyframes tqPulse{50%{transform:scale(.6);opacity:.6}}
@media (prefers-reduced-motion:reduce){.tq-tl li.is-now>i::after{animation:none}}
.tq-ord-note{display:flex;align-items:center;gap:8px;width:100%;margin:8px 0 6px;padding:11px 13px;border-radius:14px;background:#F3FFD6;border:1px solid #CFEA7C;color:#3E5200;font-size:13px;text-align:left;max-width:none}
.tq-ord-note i{font-size:18px}
.tq-ord-acts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin-top:6px}
.tq-btn{display:grid;place-items:center;height:48px;border-radius:100px;font:700 14px/1 'Prompt',sans-serif;text-decoration:none}
.tq-btn.is-ink{background:var(--tq-ink);color:#fff}
.tq-btn.is-line{background:#fff;color:var(--tq-ink);border:1.5px solid var(--tq-ink)}
.tq-btn:focus-visible{outline:2px solid var(--tq-ink);outline-offset:3px}
/* /dashboard/topup (ในกรอบแดชบอร์ด) */
.tp-dash{display:grid;gap:0}
body.dash-s-topup:has(.tp-dash .tq-hero) .dsh-content>.dsh-pb{display:none}
.tp-dash .tq-hero{padding:34px 0 30px;border-radius:24px}
.tp-dash .tq-hero.is-game{padding:26px 0 24px}
.tp-dash .tq-wrap{max-width:none;padding:0 28px}
.tp-dash .tq-body{background:transparent;padding:20px 0 6px}
.tp-dash .tq-body .st-wrap{max-width:none;padding:0;width:100%}

@media (max-width:900px){
  .tq-form .tq-item,.tq-form .tp-sum .tq-c-wal,.tq-form .tq-after,.tq-form .tq-go-amt{display:none}
  .tq-form .tp-pay{grid-template-areas:"d g" "p g" "s s";row-gap:0}
  .tq-form .tq-dock{grid-area:d;display:block;margin:0;font-size:12px;color:var(--tq-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .tq-form .tp-sum{grid-area:p}.tq-form .tq-short{grid-area:s;margin-top:8px}
  .tq-form .tp-go{grid-area:g;background:var(--tq-ink);color:#fff;box-shadow:none}
  .tq-form .tp-go[disabled]{background:#E6E8E1;color:var(--tq-mute)}
  .tq-form .tp-go>.bx-right-arrow-alt{display:none}
}
@media (max-width:640px){
  .tq-d{display:none}.tq-m{display:inline}
  /* หน้าสาธารณะ: หัวเว็บกลางซ่อน → ใช้แถบของหน้า (แคปซูล TOPUP / ปุ่มย้อนกลับ) */
  body.tp-page .hm-header{display:none}
  body.tp-page .tq-hero{padding:calc(14px + env(safe-area-inset-top,0px)) 0 26px;border-radius:0 0 28px 28px}
  body.tp-page .tq-hero.is-game{padding:calc(14px + env(safe-area-inset-top,0px)) 0 14px}
  .tq-mcap,.tq-mbar{position:relative;z-index:2;display:flex;align-items:center;gap:8px;height:54px;margin:0 0 18px;padding:0 7px;border-radius:100px;background:rgba(24,24,27,.78);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
  .tq-mbar{margin-bottom:0}
  .tq-mcap-lg{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:800 15px/1 'Prompt',sans-serif;letter-spacing:.02em}
  .tq-mcap-lg>span{display:grid;place-items:center;height:40px;padding:0 12px;border-radius:100px;background:#0A0A0B;border:1px solid rgba(255,255,255,.12)}
  .tq-mcap-lg img{display:block;height:17px;width:auto}
  .tq-mib,.tq-mslot .dsh-ib{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff;font-size:20px;text-decoration:none}
  .tq-mcap>.tq-mib,.tq-mcap>.tq-mslot{margin-left:auto}
  .tq-mslot{display:flex;flex:none;min-width:40px}
  .tq-mslot .dsh-pop{position:relative}
  .tq-mslot .dsh-ib i{color:#fff}
  .tq-mbar-t{flex:1;min-width:0;text-align:center;color:#fff;line-height:1.2}
  .tq-mbar-t b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .tq-mbar-t small{display:block;font-size:11px;color:rgba(255,255,255,.6)}
  .tq-hero.is-game .tq-hero-in{display:none}
  .tq-hero p,.tq-cats{display:none}
  .tq-search kbd{display:none}
  .tq-mcats{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:2px 16px}
  .tq-mcats::-webkit-scrollbar{display:none}
  .tq-mcats a{flex:none;display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:100px;border:1px solid var(--tq-line);background:#fff;color:var(--tq-ink);font:600 13px/1 'Prompt',sans-serif;text-decoration:none}
  .tq-mcats a.on{background:var(--tq-lime);border-color:var(--tq-lime);font-weight:700}
  .tq-notify{display:none}
  .tq-soon>div b{font-weight:500}
  .tq-sort{display:none}
  .tq-go,.tq-n{display:none}
  .tq-sec-h>h2{font-size:19px}
  /* หน้าเกม: ช่องกรอกแบบป้ายในกล่อง */
  .tq-form .tp-step>h2{font-size:16px;margin-bottom:12px}
  .tq-form .tp-field{flex-direction:row;align-items:center;gap:10px;min-height:56px;padding:0 14px;border:1.5px solid var(--tq-line);border-radius:15px;background:#fff}
  .tq-form .tp-field:focus-within{border-color:var(--tq-ink);box-shadow:0 0 0 3px rgba(186,255,22,.45)}
  .tq-form .tp-field>span{flex:none;font-size:12.5px;font-weight:500;color:var(--tq-mute)}
  .tq-form .tp-field input,.tq-form .tp-field select{flex:1;min-width:0;height:52px;padding:0;border:0;background:transparent;text-align:right;font-weight:700;box-shadow:none}
  .tq-form .tp-field select{text-align-last:right}
  .tq-form .tp-field input:focus,.tq-form .tp-field select:focus{outline:0;box-shadow:none}
  .tq-form #tpHint:not(.is-ok):not(.is-bad){display:none}
  .tq-form .tp-pack-b{min-height:118px}
  /* ติดตามออเดอร์ */
  .tq-mbar .tq-mib,.tq-mbar .tq-mib i,.tq-mcap .tq-mib i{color:#fff}
  .tq-ord .tq-mbar{display:flex;height:auto;margin:calc(-1 * var(--sp-3,12px)) calc(-1 * var(--sp-3,12px)) 18px;padding:calc(12px + env(safe-area-inset-top,0px)) 14px 16px;border:0;border-radius:0 0 28px 28px;background:radial-gradient(120% 90% at 85% 0,rgba(186,255,22,.18),transparent 60%),#0A0A0B}
  .tq-ord-in{padding:6px 2px 18px;border:0;border-radius:0;background:transparent;box-shadow:none}
  .dor.is-topup>.dor-back{display:none}
  /* /dashboard/topup บนมือถือ: แถบบนของแดชบอร์ดซ่อน (ปุ่มแจ้งเตือนย้ายมาแถบของหน้านี้) */
  body.dash:has(.tq-mcap) .dsh-top,body.dash:has(.tq-mbar) .dsh-top{display:none}
  .tp-dash .tq-hero{padding:calc(14px + env(safe-area-inset-top,0px)) 0 24px;border-radius:0 0 28px 28px;margin:calc(-1 * var(--sp-3,12px)) calc(-1 * var(--sp-3,12px)) 0}
  .tp-dash .tq-hero.is-game{padding:14px 0 14px}
  .tp-dash .tq-wrap{padding:0 14px}
  .tp-dash .tq-mcats{margin:0 calc(-1 * var(--sp-3,12px));padding:2px var(--sp-3,12px)}
}