/* ฟีเจอร์เสริมร้านไฟล์: ขั้นตอนซื้อ, ชิปรุ่นยอดนิยม, ปุ่มขอไฟล์, รุ่นใกล้เคียง, ปุ่ม LINE ลอย */
.fx-steps{list-style:none;margin:0 0 26px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;counter-reset:s}
.fx-steps li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.02);font-size:14px;color:var(--tx)}
.fx-steps b{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(255,42,42,.18);border:1px solid var(--red);color:var(--tx);font-size:14px}
@media(max-width:720px){.fx-steps{grid-template-columns:1fr 1fr}.fx-steps li{font-size:13px;padding:10px}}

.fx-sug{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 4px}
.fx-sug button{padding:5px 11px;border-radius:999px;border:1px solid #4a2a2d;background:transparent;color:var(--tx);font:inherit;font-size:13px;cursor:pointer}
.fx-sug button small{color:var(--mut);font-size:11px;margin-left:2px}
.fx-sug button:hover{border-color:var(--red)}
.fx-sug button.on{border-color:var(--red);background:rgba(255,42,42,.18)}

.fx-empty{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:30px 16px}
.fx-empty span{color:var(--mut);font-size:14px}
.fx-req{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:999px;border:1px solid var(--red);background:rgba(255,42,42,.14);color:var(--tx);font:inherit;font-size:14px;cursor:pointer;text-decoration:none}
.fx-req:hover{background:rgba(255,42,42,.26)}
.fx-req.ln{border-color:#06c755;background:rgba(6,199,85,.12)}
.fx-req.ln:hover{background:rgba(6,199,85,.24)}

#gxRel:empty{display:none}
#gxRel{margin:14px 0 0;display:grid;gap:6px}
.gx-rel-h{font-size:12.5px;color:var(--mut);letter-spacing:.04em}
#gxRel button{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.02);color:var(--tx);font:inherit;font-size:13.5px;text-align:left;cursor:pointer}
#gxRel button:hover{border-color:var(--red);background:rgba(255,42,42,.08)}
#gxRel button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#gxRel button b{flex:none}

.fab-box{position:fixed;right:20px;bottom:calc(88px + env(safe-area-inset-bottom,0px));z-index:55;display:flex;flex-direction:column;align-items:stretch;gap:10px;white-space:normal}
.fab{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:999px;color:#fff;font-weight:600;font-size:14px;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.45);white-space:nowrap}
.fab.ln{background:#06c755}.fab.fb{background:#1877f2}.fab.ml{background:#c8202b}
.fab:hover{filter:brightness(1.1)}
.fab:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:560px){.fab span{display:none}.fab{padding:12px}.fab-box{right:16px;gap:8px;align-items:flex-end}}


/* ผังขาปลั๊ก OBD2: พื้นดำเข้าธีมเว็บ ตัวหนังสือสว่างให้คมชัด (ตอนพิมพ์/บันทึก PDF ยังเป็นพื้นขาวเหมือนเดิม) */
@media screen{
.x-sheet{background:#0d0607;color:#f6f1f2;border:1px solid #2c1214;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.x-sheet .x-sh-top{background:#150809;border-bottom-color:#2c1214}
.x-sheet .x-sh-top small{color:var(--red2,#ff5a5a)}
.x-sheet .x-sh-top h3{color:#fff}
.x-sheet .x-sh-top h3 small{color:#cfc4c7}
.x-sheet .x-sh-top .x-ar{color:#cfc4c7}
.x-sheet .x-sh-top .x-tag{background:rgba(255,42,42,.14);border-color:var(--red,#ff2a2a);color:#ffe3e5}
.x-sheet .x-sh-l{border-right-color:#2c1214;border-bottom-color:#2c1214}
.x-sheet .x-cap{color:#fff}
.x-sheet .x-cap small,.x-sheet .x-cap2,.x-sheet .x-view,.x-sheet .x-hint{color:#c9bec1}
.x-sheet .x-arrow{color:#e6dcdf}
.x-sheet .x-obd2{background:#241a1c;border-color:#6a4448}
.x-sheet .x-obd2w .x-latch,.x-sheet .x-obd2w .x-latch::after{background:#6a4448}
.x-sheet .x-obd2 b,.x-sheet .x-plug b{background:#4a3f43;color:#fff}
.x-sheet .x-plugw .x-plug b{background:#2a1a1e}
.x-sheet .x-sh-r .x-tbl{color:#f6f1f2}
.x-sheet .x-sh-r .x-tbl th{color:#c9bec1;border-color:#2c1214}
.x-sheet .x-sh-r .x-tbl td{border-color:#2a1316}
.x-sheet .x-sh-r .x-code{color:#fff}
.x-sheet .x-sh-r .x-na{color:#a89da1}
.x-sheet .x-sh-r .x-tbl tr.hl td{background:rgba(255,42,42,.14)}
.x-sheet .x-sh-r .x-note{background:rgba(255,42,42,.10);border:1px solid #3a1519;color:#f6eaec}
.x-sheet .x-sh-r .x-note.x-un{background:none;border:0;color:#c9bec1}
.x-sheet b.hl{box-shadow:0 0 0 3px #fff}
}

/* หัวคลังไฟล์: เดิมโดนสไตล์ของ <header> หลักของเว็บ (พื้นดำเหลี่ยม ติดขอบ ลอยตามหน้าจอ) มาทับ
   เปลี่ยนเป็นการ์ดมุมมน มีขอบและช่องไฟด้านใน ไม่ลอยตามเลื่อน */
.fx-head{position:static;z-index:auto;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;
  padding:30px 34px 32px;border:1px solid var(--ln,#2c1214);border-radius:22px;
  background:linear-gradient(160deg,rgba(40,14,16,.55),rgba(14,6,7,.7))}
.fx-head .fx-live{margin-bottom:16px}
@media(max-width:560px){.fx-head{padding:22px 20px 24px;border-radius:18px}}

/* สถิติท้ายเว็บ: ผู้เข้าชม + ทดลองใช้งาน (การ์ดเม็ดยาคู่ ตัวเลขโมโนสเปซ) */
.x-ft-bt{align-items:center}
.x-stats2{display:flex;flex-wrap:wrap;gap:10px}
.x-stats2 .st{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;border:1px solid #4a1d21;background:linear-gradient(120deg,rgba(60,16,20,.55),rgba(16,7,8,.7));color:var(--mut);font-size:13px;white-space:nowrap}
.x-stats2 .st svg{color:var(--red2,#ff5a5a);flex:none}
.x-stats2 .st-dot{width:8px;height:8px;border-radius:50%;background:#4be37a;box-shadow:0 0 0 0 rgba(75,227,122,.55);animation:stpulse 2s infinite;flex:none}
.x-stats2 .st b{font:700 16px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#fff;letter-spacing:.02em;font-variant-numeric:tabular-nums}
.x-stats2 .st em{font-style:normal;color:var(--mut)}
@keyframes stpulse{70%{box-shadow:0 0 0 8px rgba(75,227,122,0)}100%{box-shadow:0 0 0 0 rgba(75,227,122,0)}}
@media(prefers-reduced-motion:reduce){.x-stats2 .st-dot{animation:none}}
@media(max-width:560px){.x-stats2{width:100%}.x-stats2 .st{flex:1 1 100%;justify-content:center}}

/* ดันสถิติไปชิดขวาเสมอ (ถึงจะตกบรรทัดใหม่ก็ยังชิดขวา) */
.x-stats2{margin-left:auto;justify-content:flex-end}
@media(max-width:560px){.x-stats2{margin-left:0;justify-content:center}}

/* แถบล่างสุด: ลิขสิทธิ์ซ้าย สถิติขวา อยู่แถวเดียวกัน (ตกบรรทัดเฉพาะเมื่อจอแคบจริง ๆ) */
.x-ft-bt{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px}
.x-ft-bt>span{flex:1 1 auto;min-width:0}
.x-stats2{flex:0 0 auto}
@media(max-width:560px){.x-ft-bt{flex-direction:column;align-items:stretch}}