/* ⚠️ ทุกคลาสขึ้นต้นด้วย tms-cv- เพื่อไม่ให้ไปทับสไตล์หน้าอื่น */
        .tms-cv{font-family:'Prompt',sans-serif;margin-bottom:20px}
        .tms-cv-saverow{margin:14px 0 4px}
        .tms-cv-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
        .tms-cv-crumb{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
        .tms-cv-cat{display:inline-block;background:#f1f2f6;color:#57606f;font-size:12px;padding:5px 13px;border-radius:20px;text-decoration:none}
        .tms-cv-cat:hover{background:#e8eaed;color:#2d3436}
        .tms-cv-sep{color:#c8d0d8}
        /* หมวดย่อยใช้สีประจำตัว เพื่อให้แยกออกจากหมวดหลักได้ทันที */
        .tms-cv-subcat{display:inline-block;font-size:12px;padding:5px 13px;border-radius:20px;text-decoration:none;
            color:var(--tms-cv-accent);background:color-mix(in srgb, var(--tms-cv-accent) 10%, #fff);
            border:1px solid color-mix(in srgb, var(--tms-cv-accent) 25%, #fff)}
        .tms-cv-notice{font-size:12px;line-height:1.75;padding:11px 13px;border-radius:11px;margin-bottom:14px;
            background:#fff3cd;color:#856404;border:1px solid #ffeaa7}
        .tms-cv-edit{font-size:12px;color:#0984e3;text-decoration:none;padding:5px 13px;border:1px solid #d9e9f7;border-radius:20px}
        .tms-cv-tiprow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}
        .tms-cv-author{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid #f1f2f6;margin-bottom:16px}
        /* ==============================================================
           🔴 แก้รูปโปรไฟล์ยืด 2026-09-14
           ==============================================================
           ⭐ สาเหตุ: รูปโปรไฟล์ที่สมาชิกอัปโหลดเอง (สนิปเป็ต 1469)
           เป็นรูปสัดส่วนอะไรก็ได้ ไม่ได้ถูกครอปเป็นจัตุรัสตอนอัปโหลด

           เดิมกฎนี้ตั้งไว้แค่ขอบมน ไม่ได้บังคับความกว้างและความสูง
           ธีมส่วนใหญ่ตั้งให้รูปปรับความสูงอัตโนมัติตามสัดส่วน
           รูปที่ไม่ใช่จัตุรัสจึงกลายเป็นวงรีแทนที่จะเป็นวงกลม

           📌 รูปในรายการความเห็นไม่พัง เพราะมีกฎบังคับขนาดอยู่แล้ว
           จึงเห็นความต่างชัดเมื่อวางคู่กัน — ที่หนึ่งกลม อีกที่หนึ่งยืด

           ✅ ต้องมีครบ 3 อย่างเสมอ ขาดอันใดอันหนึ่งจะเพี้ยน
             กำหนดความกว้างและความสูงเท่ากัน  → กรอบเป็นจัตุรัส
             สั่งให้ครอปแทนการบีบ              → ภาพไม่ผิดสัดส่วน
             ขอบมนครึ่งหนึ่ง                    → ได้วงกลม

           ⚠️ ถ้าใส่แต่ขอบมนโดยไม่บังคับขนาด จะได้วงรีทุกครั้งที่รูปไม่จัตุรัส
           ============================================================== */
        .tms-cv-avatar{
            width:38px;
            height:38px;
            object-fit:cover;
            border-radius:50%;
            flex:0 0 auto;
        }

        /* 🆕 2026-09-14 ลิงก์ไปโปรไฟล์จากรูปและชื่อ
           📌 ให้ดูเหมือนข้อความปกติจนกว่าจะเอาเมาส์ชี้
           เพราะถ้าทำเป็นสีลิงก์ จะแย่งสายตาจากชื่อบทความซึ่งสำคัญกว่า */
        .tms-cv-author .tms-cv-avalink{display:inline-flex;flex:0 0 auto;line-height:0;text-decoration:none;border-bottom:none}
        .tms-cv-author .tms-cv-avalink:hover .tms-cv-avatar{filter:brightness(.92)}
/* 🔴 เอาขีดเส้นใต้ตอนชี้ออก 2026-09-14
           ⚠️ เส้นใต้ทำให้บรรทัดชื่อดูรก โดยเฉพาะในรายการที่มีหลายแถว
           เพราะเส้นจะกระพริบตามเมาส์ที่เลื่อนผ่าน

           ✅ ใช้การจางลงแทน บอกได้ว่ากดได้เหมือนกัน แต่เงียบกว่ามาก
           และบนมือถือไม่มีการชี้เมาส์อยู่แล้ว จึงไม่เสียอะไรเลย */
/* 🔴 แก้รอบสอง 2026-09-14 — เส้นใต้ไม่ยอมหาย
           ==============================================================
           ⚠️ สาเหตุ: มีกฎจากธีมหรือปลั๊กอินอื่นตั้งเส้นใต้ให้ลิงก์ไว้
           ด้วยรูปแบบที่เจาะจงกว่ากฎของเรา กฎเราจึงแพ้และไม่มีผล

           ✅ แก้โดยเขียนให้เจาะจงขึ้น คือระบุกล่องแม่ไว้ข้างหน้าด้วย
           ไม่ใช่ใส่คำสั่งบังคับ

           📌 ทำไมไม่ใช้คำสั่งบังคับ:
           มันจะชนะทุกอย่างรวมถึงกฎที่เราอาจอยากให้ชนะในอนาคต
           และเมื่อมีคนมาแก้ทีหลังจะงงว่าทำไมแก้ยังไงก็ไม่เปลี่ยน
           การเพิ่มความเจาะจงแก้ปัญหาเดียวกันได้โดยไม่ทิ้งกับดักไว้

           ⚠️ ถ้าวันหนึ่งยังไม่หายอีก แปลว่ามีกฎที่เจาะจงกว่านี้อีกชั้น
           ให้กด F12 คลิกขวาที่ชื่อ แล้วดูว่ากฎไหนกำลังชนะอยู่
           อย่าเดาแล้วเพิ่มความเจาะจงไปเรื่อยๆ */
        .tms-cv-author .tms-cv-name .tms-cv-namelink,
        .tms-cv-author .tms-cv-name .tms-cv-namelink:hover,
        .tms-cv-author .tms-cv-name .tms-cv-namelink:focus{
            color:inherit;
            text-decoration:none;
            border-bottom:none;
            box-shadow:none;
            transition:opacity .15s;
        }
        .tms-cv-author .tms-cv-name .tms-cv-namelink:hover{opacity:.62}
        .tms-cv-name{font-size:14px;font-weight:600;color:#2d3436}
        .tms-cv-meta{font-size:12px;color:#a4b0be}
                .tms-cv-fields{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
        /* 🆕 8 ต.ค. 2569 กล่องข้อมูลประกาศ มาตรฐานทุกหมวด (หน้าตาเดียวกับกล่อง 🔎 ตัวกรอง · เตี้ยลง ~12% จากม็อคอัพ) */
        .tms-ib{background:#fff;border:1.5px solid #ece6ff;border-radius:16px;padding:8px 10px 10px;box-shadow:0 6px 18px rgba(80,50,160,.07);margin-bottom:16px;font-family:'Prompt',sans-serif}
        .tms-ib-hd{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
        .tms-ib-hd b{font-size:13px;color:#2B2540}
        .tms-ib-pills{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
        .tms-ib-pill{font-size:11px;font-weight:700;border-radius:999px;padding:2px 10px;white-space:nowrap;background:#EEEBF7;color:#6B6585}
        .tms-ib-pill.k-selling{background:#FFC93C;color:#6B4A00}.tms-ib-pill.k-buying{background:#2FBF8F;color:#fff}
        .tms-ib-pill.k-trade{background:#B197FC;color:#fff}.tms-ib-pill.k-closed{background:#A9A3C0;color:#fff}
        .tms-ib-pill.k-exp{background:#ffe3e3;color:#c92a2a}
        .tms-ib-lead{display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:12px;padding:7px 11px;margin-bottom:6px;
            background:color-mix(in srgb,var(--tms-cv-accent,#4D7CFE) 10%,#fff);border:1.5px solid color-mix(in srgb,var(--tms-cv-accent,#4D7CFE) 30%,#fff)}
        .tms-ib-lead span{font-size:11px;font-weight:700;color:#7a7394}
        .tms-ib-lead b{font-size:19px;font-weight:700;color:var(--tms-cv-accent,#4D7CFE);text-align:right;overflow-wrap:anywhere}
        .tms-ib-lead b small{font-size:11.5px;font-weight:600;color:#adb5bd;text-decoration:line-through;margin-left:6px}
        .tms-ib-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;grid-auto-flow:row dense}
        .tms-ib-t{background:#faf8ff;border:1.5px solid #efe9fb;border-radius:11px;padding:5px 9px;min-width:0}
        .tms-ib-t.is-w{grid-column:1/-1}
        .tms-ib-t span{display:block;font-size:10.5px;font-weight:600;color:#8C86A3;line-height:1.4}
        .tms-ib-t b{display:block;font-size:13px;font-weight:600;color:#2B2540;line-height:1.4;overflow-wrap:anywhere}
        @supports not (background: color-mix(in srgb, red 8%, #fff)) {
            .tms-ib-lead{background:#f3f6ff;border-color:#d6e0ff}
        }
        /* ปุ่มร้านค้าและป้ายแอฟฟิลิเอต (เพิ่ม 2026-09-15 · เป็นแบนเนอร์ 2026-09-20) */

        /* ⭐ ใช้ตาราง 2 ช่องต่อแถว ไม่ใช่การเรียงแบบยืดหยุ่น
           เพราะแบนเนอร์ของแต่ละร้านกว้างไม่เท่ากัน ถ้าใช้แบบยืดหยุ่น
           ปุ่มจะกว้างไม่เท่ากันตามรูป กลายเป็นว่าร้านที่รูปใหญ่ดูเด่นกว่า

           📌 2 ช่องเท่ากันทุกขนาดจอ รวมถึงมือถือ (เจ้าของเว็บเลือกไว้)
           🔴 ห้ามเปลี่ยนเป็น 1 ช่องบนมือถือ เพราะ 4 ร้านจะกลายเป็น 4 แถวยาว
              ดันเนื้อหาจริงตกจอไปหมด

           ⚠️ ร้านจำนวนคี่ ใบสุดท้ายจะกว้างครึ่งเดียวชิดซ้าย
              ตั้งใจให้เป็นแบบนั้น ถ้าให้ยืดเต็มแถว ร้านสุดท้ายจะดูเด่นกว่าเพื่อน */
        .tms-cv-shops{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:10px}
        /* 🆕 6 ต.ค. 2569 ปุ่มทักแชทผู้ขาย + กล่องเตือนมิจฉาชีพ (ม็อคอัพ mockup-contact-seller.html รอบ 2) */
        .tms-cv-chat{display:flex!important;align-items:center;justify-content:center;gap:8px;width:100%;margin:2px 0 8px;border:0;border-radius:14px;padding:11px 14px;
            background:linear-gradient(135deg,#1fa971,#36c28c);color:#fff!important;font-weight:700;font-size:15.5px;line-height:1.35;text-align:center;
            text-decoration:none!important;border-bottom:none!important;box-shadow:0 4px 12px rgba(31,169,113,.28);text-shadow:none;transition:opacity .15s}
        .tms-cv-chat:hover,.tms-cv-chat:focus{opacity:.9;color:#fff!important}
        .tms-cv-chat small{display:block;font-weight:400;font-size:11.5px;opacity:.92}
        .tms-cv-chat.is-sec{background:#fff;color:#1fa971!important;border:1.5px solid #1fa971;box-shadow:none}
        .tms-cv-chat.is-login{background:#fff;color:#1fa971!important;border:1.5px solid #1fa971;box-shadow:none}
        .tms-cv-chat.is-off{background:#e7e7e7;color:#8b8b8b!important;box-shadow:none;cursor:default}
        .tms-cv-scam{background:#fff1f0;border:1px solid #f5c2bd;border-radius:10px;padding:8px 11px;font-size:12.5px;color:#8a2a1f;line-height:1.6;margin-bottom:12px}
        .tms-cv-shop{display:flex;flex-direction:column;gap:5px;min-width:0}

        /* ⚠️ line-height:0 กันช่องว่างใต้รูปที่เบราว์เซอร์ใส่ให้เอง
           ถ้าไม่ใส่ จะมีแถบสีขาวบางๆ ใต้แบนเนอร์ในกรอบมน ซึ่งดูเหมือนรูปแตก */
        .tms-cv-shoplink{display:block;border-radius:11px;overflow:hidden;line-height:0;
            text-decoration:none!important;border-bottom:none!important;
            box-shadow:none;text-shadow:none;transition:opacity .15s}
        .tms-cv-shoplink:hover,
        .tms-cv-shoplink:focus{opacity:.85}
        .tms-cv-shopimg{display:block;width:100%;height:auto}

        /* คำกำกับใต้ปุ่ม เช่น "ไปหน้าร้าน ไม่ใช่หน้าสินค้านี้" */
        .tms-cv-shopcap{font-size:11px;color:#a4b0be;line-height:1.5;text-align:center}
        /* ⚠️ ต้องล้างสไตล์ลิงก์ของธีมให้ครบ ไม่ใช่แค่ขีดเส้นใต้
           ธีมมักใส่มาหลายอย่างพร้อมกัน ทั้งขีดเส้นใต้ ขอบล่าง และเงาข้อความ
           ถ้าล้างไม่ครบ ปุ่มจะดูเหมือนลิงก์ที่ถูกแต่งหน้า ไม่ใช่ปุ่ม

           🔴 ใช้ !important กับสองอันแรก เพราะกฎของธีมเจาะจงกว่าของเรา
           ปกติผมเลี่ยง !important แต่กรณีนี้เลี่ยงไม่ได้
           เพราะเราแก้ธีมไม่ได้ และปุ่มนี้คือจุดที่คนโพสต์ต้องการให้กดที่สุด */
        /* ⚠️ ปุ่มตัวหนังสือคือทางถอยของร้านที่ยังไม่มีรูปแบนเนอร์
           ต้องเต็มช่องในตารางและสูงพอๆ กับแบนเนอร์ ไม่งั้นแถวจะเบี้ยว
           (แก้ 2026-09-20 — ของเดิมเป็น inline-flex เพราะยังเรียงแบบยืดหยุ่นอยู่) */
        .tms-cv-shopbtn{display:flex;align-items:center;justify-content:center;gap:6px;
            font-size:14px;font-weight:600;line-height:1.35;text-align:center;
            min-height:64px;width:100%;box-sizing:border-box;
            padding:11px 18px;border-radius:11px;background:#e17055;color:#fff;
            text-decoration:none!important;border-bottom:none!important;
            box-shadow:none;text-shadow:none}
        .tms-cv-shopbtn:hover,
        .tms-cv-shopbtn:focus,
        .tms-cv-shopbtn:visited{background:#c85f46;color:#fff;text-decoration:none!important;border-bottom:none!important}
        /* ⚠️ ปุ่มต้องสูงอย่างน้อย 44 พิกเซลบนมือถือ
           นิ้วคนกดพลาดถ้าเล็กกว่านั้น และปุ่มนี้คือจุดที่คนโพสต์ต้องการให้กดที่สุด */
        .tms-cv-aff{font-size:11px;color:#7f8fa6;line-height:1.7;background:#fdf6ec;
            border-radius:10px;padding:9px 12px;margin-bottom:16px}
        /* ⚠️ ใช้สีจางมาก (8%) เป็นพื้นหลัง ไม่ใช่สีเต็ม
           เพราะกล่องเหล่านี้เป็นข้อมูลประกอบ ไม่ควรแย่งสายตาไปจากหัวข้อและเนื้อหา */
        .tms-cv-field{
            background: color-mix(in srgb, var(--tms-cv-accent, #f8f9fa) 8%, #fff);
            border: 1px solid color-mix(in srgb, var(--tms-cv-accent, #e8eaed) 20%, #fff);
            border-radius:10px; padding:9px 14px;
        }
        .tms-cv-flabel{display:block;font-size:11px;color:#a4b0be}
        .tms-cv-fvalue{display:block;font-size:15px;font-weight:600;color: var(--tms-cv-accent, #2d3436)}
        /* ⭐ กล่องแรกเน้นกว่าเพื่อน เพราะเป็นข้อมูลสำคัญที่สุดของหมวดนั้น
           (เช่นหมวดเตือนภัย = ช่องทางที่ถูกโกง · หมวดตลาด = ราคา) */
        .tms-cv-field.is-lead{
            background: color-mix(in srgb, var(--tms-cv-accent, #f1f2f6) 14%, #fff);
            border-color: color-mix(in srgb, var(--tms-cv-accent, #dfe4e8) 32%, #fff);
        }
        /* ⚠️ เบราว์เซอร์รุ่นเก่าที่ยังไม่รองรับการผสมสี จะข้ามกฎด้านบนทั้งหมด
           จึงต้องมีสีสำรองไว้ก่อน ไม่งั้นกล่องจะกลายเป็นพื้นหลังใสไม่มีขอบ */
        @supports not (background: color-mix(in srgb, red 8%, #fff)) {
            .tms-cv-field{background:#f8f9fa; border-color:#e8eaed}
            .tms-cv-field.is-lead{background:#f1f2f6}
            .tms-cv-fvalue{color:#2d3436}
        }
        /* รูปในเนื้อหา — อยู่บรรทัดตัวเอง และไม่ล้นกรอบทั้งแนวตั้งแนวนอน */
        .tms-cv-fig{display:block;position:relative;margin:16px auto;max-width:100%;border-radius:12px;overflow:hidden;background:#eef3f7}
        .tms-cv-fig img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain;background:#eef3f7}
        .tms-cv-figreport{position:absolute;top:8px;right:8px;opacity:0;transition:opacity .2s}
        .tms-cv-fig:hover .tms-cv-figreport{opacity:1}
        /* ⚠️ บนมือถือไม่มีการชี้เมาส์ ปุ่มจึงต้องแสดงตลอด
           ไม่งั้นคนใช้มือถือจะรายงานรูปไม่ได้เลย ซึ่งเป็นคนส่วนใหญ่ของเว็บ */
        @media (hover:none){.tms-cv-figreport{opacity:.75}}
        .tms-cv-foot{font-family:'Prompt',sans-serif;margin-top:22px;padding-top:16px;border-top:1px solid #f1f2f6}
        .tms-cv-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
        .tms-cv-tag{background:#f1f2f6;color:#7f8fa6;font-size:12px;padding:5px 12px;border-radius:16px;text-decoration:none}
        .tms-cv-tag:hover{background:#e8f4fd;color:#0984e3}
        .tms-cv-reportrow{display:flex;align-items:center;gap:9px}
        .tms-cv-reporttxt{font-size:11px;color:#a4b0be}